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本 書 内 容 に 関す る お 問い 合わ せ に つい て 


この た び は 翔 泳 社 の 書籍 を お 買い 上 げ い た だ き 、 誠 に あり が と う ご ざ いま す 。 弊社 で は 、 読 者 の 皆様 か ら の お 問い 合わ せ 
に 適切 に 対応 させ て いた だ くだ た め 、 以下 の ガイ ドラ イン へ の ご 協力 を お 願い 致し て お り ま す 。 下記 項目 を お 読み いた だ き 、 
手順 に 従っ て お 問い 合わ せく だ さい 。 


@ ご 質問 され る 前 に 

弊社 Web サ イト の 「 正 誤 表 ] を ご 参照 くだ さい 。 こ れ ま で に 判明 し た 正誤 や 追加 情報 を 掲載 し て いま す 。 
正誤 表 http://www.shoeisha.co.jp/book/errata/ 

@ ご 人 質問 方 法 


弊社 Web サ イト の | 刊行 物 Q&A] を ご 利用 くだ さい 。 


刊行 物 O&A http://www.shoeisha.co.jp/book/qa/ 


@ 回 答 に つい て 
回 答 は 、 ご 質問 いた だ いた 手段 に よっ て ご 返事 申し 上 げ ま す 。 ご 質問 の 内 容 に よっ て は 、 回 答 に 数 日 な いし は それ 以上 の 
期間 を 要する 場合 が あり ます 。 


@ ご 人 次 問 に 際 し て の ご 注意 
本 書 の 対象 を 超え る も の 、 記述 個所 を 特定 され な いも の 、 また 読者 固有 の 環境 に 起因 する ご 質問 等 に は お 答え で きま せん 
の で 、 あら か じ め ご 了承 くだ さい 。 


@ 千 便 物 送 付 先 お よび FAX 番号 

送付 先住 所 〒160-0006 東京 都 新宿 区 舟町 5 
FAX 番号 03-5362-3818 

宛先 (株 ) 翔 泳社 愛読 者 サー ビス セン ター 


※ 本 書 に 記載 され た URL 等 は 予告 な く 変更 され る 場合 が あり ます 。 

※ 本 書 の 出版 に あめ た っ て は 正確 な 記述 に つと め ま し た が 、 著者 や 出版 社 な どの いずれ も 、 本 書 の 内 容 に 対し て な ん ら か の 
保証 を する も の で は な く 、 内 容 や サン プル に 基づく いか な る 運用 結果 に 関し て も いっ さい の 責任 を 負い ませ ん 。 

※ 本 書 に 掲載 され て いる サン プル プロ グラ ム や スク リプ ト 、 お よび 実行 結果 を 記し た 画面 イメ ー ジ な ご ど は 、 特定 の 設定 に 
基づい た 環境 に て 再現 され る 一 例 で す 。 


※ 本 書 に 記載 され て いる 会 社名 、 製品 名 は それ ぞ れ 各社 の 商標 お よび 登録 商標 で す 。 


は じ め に 


Unity は 、iOS や Android 向 け の スマ ー ト フォ ン 向 け だ け で は な く 、 Play 
Station や Wii U り と いっ た 汎用 機 な ど 、 さ ま ざ ま な プラ ッ ト フ ォ ー ム 向け に ゲ 
ー ム 開発 が で きる ゲー ム 開 発 エ ンジ ン で す 。 強力 な 物理 エンジ ン や シェ ー ド 
機能 ・ ま た バー ジョ ン 4.0 か ら は オブ ジェ クト を 簡単 に コン トロ ー ル で きる 
Mecanim が 搭載 され さら に 使い や すく な り ま し た 。 

従来 で あれ ば 複雑 な プロ グラ ム で 挙動 を 制御 し な けれ ば いけ な か っ た こと 
が 、 プ ログ ラム の 知識 が な い 方 で も マル チ プ ラッ ト フ ォ ー ム 向け の ゲー ム 開 
発 が で きま す 。 Unity Technologies 社 が 調 う | ゲー ム 開 発 の 民主 化 ] を 体現 
し て いる 開発 エン ジン と いえ る で し ょ う 。 開発 に お ける 初期 コス ト も 他 の 開 
発 エ ンジ ン に くら べ て リー ズ ナ ブル な と ころ も 魅力 の 1 つ で す 。 Free 版 も あ 
る の で 初心 者 で も 気軽 に 開発 を 始め られ ます 。 

本 書 で は 、 こ うし た Unity の 魅力 的 な 機能 を あま す と ころ な く 学 べ る よう 
工夫 し て いま す 。 CHAPTER 01 ~ 02 で は 「Ul の 操作 方 法 が わか ら な い 」 と い 
う 方 の 声 が 多い こと を 反映 し て 、 操 作 方 法 や 機能 面 を 中 心 に 解説 し て いま 
す 。 

CHAPTER 03 ~~ 09 で は 、 Unity の 機能 を 使っ た 本 格 的 な スマ ー ト フォ ン 向 
け 3D ゲ ー ム の 開発 手法 に つい て サン プル を も と に 学 京 こと が で きま す 。 ゲ 
ー ム 開発 の 現場 で も 通用 する 知識 を 省 得 で を る よう ポイ ント を 押さ えて 解説 
じ て で い まあ 。 

また 、Unity 4.0 か ら 追 加 ご れ た Mecanim に つい て も 学習 する こと が で き 
ます 。 

本 書 を 元 に 、Unity を 利用 し た 3D ゲ ー ム 開発 の 楽し さ を 体験 し て いた だ け 
れ ば 幸い で す 。 


2013 年 2 月 吉日 
夏木 雅規 、 寺 園 聖 
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本 書 の 特徴 


本 書 は 、 ゲー ム 開 発 エ ンジ ン 「Unity」 を 利用 し た スマ ー ト フォ ン 向 け 3D ゲ ー ム 開発 の 
手法 を 、 サ ンプ ル を 基 に 作り な が ら 学 書籍 で す 。 Unity で 開発 で きる iPhone や 
Android 向 け の ゲー ム 開 発 に 特 化 し 、 ゲー ム 開 発 の 手法 に つい て 丁寧 に 解説 し て いま す 。 

本 書 を 読め ゆば 、Unity を 利用 し た iPhone や Android 向け 3D り ゲー ム の 作成 方 法 を 学 点 
こと が で きま す 。 

本 書 の 付属 DVD-ROM に は Unity 4.0 Free 版 を 収録 し て いま す の で 、 本 書 と 同じ 環境 
で 読み 進め る こと が で きま す 。 

また 書籍 内 で 解説 し て いる サン プル は 、 人 気 の 高 い ジ ャ ン ル の も の を 用 意 し て いる の 
で 、 楽 し みな が ら 学 点 こ と が で き 、 こ れ ら の サン プル は 付属 DVD-ROM か ら 利 用 で きま 
a 

実際 に スマ ー ト フォ ン 向 け 3D ゲ ー ム を 作成 し な が ら 、 学ぶ こと が で きま す 。 


本 書 の 構成 


CHAPTER 01 と CHAPTER 02 で は 、Unity の 基本 操作 に つい て 丁寧 に 解説 を 行っ て い 
ます 。 

CHAPTER 03 以降 で 、 実際 に ゲー ム を 作成 し な が ら 、Unity を 用 いた ゲー ム 開 発 手法 を 
解説 し て いま す 。 

また 本 書 は 合計 39 の LESSON か ら な り 、 各 LESSON で は 「 実 習 」 ( 図 1) と | 講義 」( 図 2) 
で 構成 され て いま す 。 お お よそ 2 週間 も あれ ば 、 Unity に よる スマ ー ト フォ ン 向 け 3D ゲ 
ー ム の 開発 手法 を 学べ る よう に な っ て いま す 。 


HAPTER 01 ornrrenoe GUI の お る Unity テ プリ を 作 起 する 
SON N 


0 1 EE 六 参 外観 の 変更 方 法 
U n It y の 4 ン ス » ル GUIStyle を 使う と Widget の 外観 を 変更 で きま す 
に 3 Widget を その まま 使う と 標準 で は 少し 半 透 明 で グレ ー の Widget| に な る と 思い ます 。 こ れ は 、 すっ 


きり し て よい 点 も ある の で す が ゲ ー ム で 使う こと を 考え る と ツー ル の ポタ ン の よう な 雰 暑 気 に な る と 


思い ます 。 こ の よう な 場合 、 少 し 考え る と 画像 を 設定 し た ポリ ゴン を 画面 に お いて 自前 で ボタ ン を 作 
る 方法 も 考え られ る の で す が . 少々 手 病 が か か り そ う で す 。 

Unity で は widget の 機能 は その まま に 外観 だ け を 簡単 に 変え る 方 法 と し て 「Gulstyie] と いう 仕 
組み を 使い ます 。 GUIStyje は Button や Labei な ど を 宮 言 する 際 に 引数 と し て 設定 する こと で 使用 で 
きま す 。 GUIStyle 自体 は 、 ブログ ラム 中 で 動 的 に 生成 し て 設定 する こと も 可能 で す が 、 Unity 上 か ら 直 
接 ス タイ ル の 件 を 尊 集 で きる よう に 、 Public な メン バ 変 数 と し て スク リブ ト に 持た 上 せ て お く と よい で 


- ms し ょ う 。 
Fig aa Alll 、 泥 次 の リス ト は 実 理 の リス ト 3 で Button に GUIStyle を 設定 し て いる コー ド で す 。 引数 の styleStart 
3 Sare- Me が カス タマ イズ され た GUIStyje で す 。 


028 | GUILayout. Button("™", styleStart); 


サン ブル で は styleStart に Normal (通常 の 状態 )、Active (クリ ッ ク し た 状態 )、Focused と Hover( マ 
ウス カー ソル が 重なっ た 状態 ) の 3 棒 類 の 状態 で テク スチ ャ を 設定 し て いま す 。 
SAMPLE unity > 】 Mac » | unity-4.0.0.dmg 
スタ イル に つい て 
GUIStyle は マウ ス や クリ ッ ク に 対応 し た テク スチ ャ の 変更 の 他 に も 変更 で きる ブ プロバ ティ が いく つ 
Ll 了 あ Unity の イン スト ー ル も あり ます 。 その 中 か ら よく 使う も の は 家 】 の と お り で す 。 


付属 DVD を 開く Unity の 最新 版 ャ 寺 1: GUIStyie の プロ バテ ィ 
本 書 の 付 居 DVD を PC の ディ スク トレ イ に セッ Unity の 最新 義 は 下品 の サイ ト か ら ~~ 
ト し ます 。 DVD-ROM が 開く の で 、『Unityj ダウ ン ロ ー ド で きま す ( 還 1)。 > GUIStyle 訟 定 で きる 任 凍 の 名 可 ーー 
「Mac] フォ ル ダ を ダ プ ルク リッ ク し ます 。 _Norm: 通常 の 状 馬 に お ける 彰 時 主 像 と テキ スト の 到 


リッ ク し て いる 時 の 音 持 匿 像 と テキ スト の 色 

に ある 時 の 痛 畠 奉 億 と テキ スト の 
本 者 の 路 発 環境 _Border _ _ Widget の 相 | 本 
本 番 で は 、OS X Mountain Lion を 陳 玩 環 六 と し ン テ ン ツ ま で の 空白 (ビク セル ) 
て 全 い ます 。 Unity で 作成 し た ゲー ム を iOS 向 け に 4 F( ピ クセ) 上 

背景 本 像 に 志 加 する 余分 な スペ ー ス (ビク セル ) 

あり ます 。 Android 向 け に 出力 する に は Android oe ミ フォ ント の 種類 
SDK の イン スト ー ル が で き て お り . 実 揚 に アプ リ Ri 
を 書き 出せ る 状 販 で ちる 必要 が ちり ます 。 ET https//japan.unity3d.com/unity/downlosd/ 
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付属 DVD-ROM と サン ブル ファ イル に つい て 


電子 書籍 版 の 場合 、Unity4 お よび サン プル は 以下 の サイ ト か ら ダ ウン ロー ド し て くだ さい 。 
・ Unity4 ・ サ ンプ ル 

http://japan.unity3d.Com/ http://www.shoeisha.com/book/hp/sgd/ 
付属 DVD-ROM と サン プル ファ イル の 構成 

本 書 に 付属 し て いる DVD-ROM に は Unity 4.0 Free 版 、 各 LESSON で 使用 する サン プ 
ルフ ァイル を 収録 し て いま す ( 図 1)。 適 時 必要 な ファ イル を 使用 し て いる PC の ハー ド デ 
ィ ス ク に コピ ー し て お 使い くだ さい 。 

本 書 の 使用 バー ジョ ン 


Unity Unity-4.0.0.dmg 


⑤ 


UNITY3D 


Unity-4.0.1.dmqg 


: アプ リケーション UnitySetup-4.0.1.exe : 


NOILDNAOYLNI 


SAMPLE 


READMEtxt : 


* 
* 
* 
* 
. 
« 
« 
* 
* 
* 
« 
* 
* 


Unity_Licence : 、 ; 
_Jp_us.txt.txt ツブ SS トー ; 


念 図 1 : 付属 DVD-ROM の 構成 


Windows 版 の 操作 手順 と サン プル の 検証 に つい て 


本 書 で は Mac 版 に てこ サン プル の 作成 動作 検証 お よび 誌面 の 解説 し て いま す 。 
Windows 版 の 場合 、 誌面 と 操作 手順 が 異な る 場合 が あり ます 。 あら か じ め ご 了承 くだ さい 。 


各 LESSON で 使用 する サン ブル (コー ド や 画像 、 プ ロジ ェクト ファ イル ) は あら か じ め 
[before] フォ ル ダ に 用 意 し て あり ます 。 リ スト の 新規 作成 や 修正 用 に listXX-1.txt (XX 
は LESSON 番 号 ) と いう 形式 で テキ スト ファ イル を 用 意 し て いま す 。 ま た 各 LESSON の 
完成 サン プル は 「afterl フォ ル ダ に 入っ て いま す 。 

な お CHAPTER 02 以降 の LESSON 09 か ら は 、 前 の LESSON で 完成 させ た サン プル に 
対し て 、 機能 を 追加 する 形 で 実習 を 進め て いき ます (一 部 例外 も あり ます )。 


各々 の LESSON の 実習 を 始め る 際 は 、 前 の LESSON の 完成 サン プル を 利用 し て くだ さ 
い (前 の LESSON の サン プル は 、 各 LESSON の 「before] フォ ル ダ に も 入っ て いま す )。 


コー ド の 折り 返し マー ク (回) 


誌面 の リス ト 部 分 に 出 て くる 折り 返し マー ク は 、 誌 面 の 都合 上 折り 返し て いる こと 
を 示し て お り 、 実 際 の コー ド は 1 行 で 記述 する も の で す の で 、 注意 し て くだ さい 。 


免責 事項 に つい て 
サン プル ファ イル は 、 通 常 の 使用 に つい て 何ら 問題 の な いこ と を 編集 部 お よび 著者 は 
認 し て いま す が 、 万 一 使用 の 結果 、 いか な る 損害 が 発生 し た と し て も 、 著者 お よび 株 式 
会 社 翔 泳社 は いか な る 責任 も 負い ませ ん 。 す べ て 自己 責任 に お いて 使用 し て くだ さい 。 


サン プル の 動作 環境 に つい て 

本 書 の サン プル は 、 Unity 4.0 が リリ ー ス され た 2012 年 12 月 時 点 に お いて 動作 人 確認 
行っ て いま す 。 本 書 の 付属 DVD-ROM に 収録 され て いる Unity 4.0 Free 版 (本 書 は Mac 
版 Unity 4.0.0f7 に て 解説 し て いる ) を ご 利用 し て いた だ けれ ば 本 書 と 同じ 環境 で 加 章 を 
読み 進め る こと が で きま す 。 た だ し 、 本書 の 付属 DVD-ROM に 収録 され て いる Unity 4.0 


Free 版 で は な く 、 個 別に Unity の サイ ト か ら 最 新版 の Unity を 利用 する 場合 、Unity の ア 
ッ プ デー ト な ご ど に より 、 操 作手 順 や 実行 結果 が 異な る 可能 性 も あり ます 。 あらかじめ ご 
了承 くだ さい 。 


開発 環境 
2012 年 12 月 現在 、 Unity 4.0.0 の 開発 環境 は 以下 の と お り で す 。 


・ Mac 版 
Mac OS X Intel CPU お よび 10.6 以降 の Mac OS 


* Windows 版 
Windows XP SP2 以降 の Windows 


著作 権 等 に つい て 

本 書 に 収録 し た ソー スコ ー ド の 著作 権 は 、 著 者 お よび 株 式 会 社 翔 泳社 が 所 有 し て いま 
す 。 個 人 で 使用 する 以外 に 利用 する こと は で きせ ん 。 ま た 許可 な く ネ ットワーク な ご ど へ 
の 配布 も で きま せん 。 個 人 的 に 使用 する 場合 に お いて は 、 ソ ー ス コー ド の 改変 や 流用 は 
自由 で す 。 商 用 利用 に 関し て は 、 株 式 会 社 翔 泳社 へ ご 一 報 く だ さい 、。 


株 式 会 社寺 泳社 編集 部 
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スス マー ドブ フォ ジン ゲー ム 開発 の 現場 で 利用 され 始め て いる Unity。 現在 の ゲー ム 市 場 の 動き と も 結 め て 、 
Unity の 現在 の 利用 の 広がり と 今後 の 展望 に つい て 解説 し ます 。 


ーー 
スマ ャ フォン の 詳 が 
ーー ッ リ し チビ 5 一 一 2 
4 ーー ム 入 の ) ) 王 儀 に / よ り つつ 4 あ る スマ ー ト ブフ オン 


2007 年 に Apple 社 より 発売 され た だ iPhone を は じ 
め と する (OS 機器 や 、 Google 社 が 開発 する Android 
OS を 搭載 し た スマ ー ト フォ ン が 爆発 的 に 普及 し まし 
た 。 こ れ ら の 機器 で 動作 する ユー ティ リティ ソフ ト や 
ゲー ム ソ フ ト は 「 ア プリ 」 と 呼ば れ 、 誰 も が 僅か な コ 
スト で App Store ( 図 1) や Google Play ( 図 2) の オ 
ン ラ イン スト ア で アプ リ を 販売 、 配信 する こと が で き 
る よう に な り ま し た 。 

な が で も | ゲー ム 」 は 、 面 方 の オン ライ ンス ト ア で 
非常 に 人 気 の あ る カテ ゴリ と な っ て いま す 。 

今や スマ ー ト フォ ン は 世界 中 で 最も 普及 し て いる 
ゲー ム 機 器 と いづ こと も で まる で し ょ よう 。 


| iPhone 
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50 万 以上 そろ っ た アプ リケーション 、。 
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a 図 1: App Store 
URL http://www.apple.com/jp/iphone/from-the-app-store/ 
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Google Play の ご HHT 詳細 


レス Google play + iti 


kK 気 ( 有 香 


押 巡 ! 番 兵 2 
1 性 対 圭 は ディ ュー ピー 


信 図 2 : Google Play 
URI RL https://play.9oogle.com/store 


専門 化 だ け の 領域 が 一 般 向 け に も 開放 

スマ ー ト フォ ン で の ゲー ム ア プ リ 開 発 は 参入 障壁 
が 低く 、 誰 で も 参加 で きる の で す が 、 3D ゲ ー ム な ど 
の コン テン ツ を 開発 する と な る と 述 端 に 敷居 が 高く 
な り ま す 。 

IiOS や Android の 開発 キッ ト に 含ま れる サン ブル 
の 中 に は 、「OpenGL」 と いう グラ フィ クス ライ ブラ 
リ ( 図 3) を 使っ て 立方 体 を 表示 する も の が 含ま れ て 
いま す 。 し か し 、 いっ た いそ こ か ら ご どれ くら い 、 何 を 勉 
強 す れ ば 3D ゲ ー ム を 作れ る よう に な る で し ょ うか が 。 

また 。 3DCG 制 作 ツ フト で 作ろ うだ モデ ル を だ ブログ 夕 
で 自由 に コン ピュ ー タ や ズ スマ ー ド トノ フォ シン の ディ スプ 
レイ に 表示 する 、 と いう つこ と を する に も 高度 な 数 学 と 
プロ グラ ミン グ の 知識 が 必要 で す 。 
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念 図 4 : Unity 


URL http://unity3d.com/unity/ 


この よう な こと が 簡単 に で きる の は 一 部 の 企業 や ーー 
開発 者 だ け だ っ た の か も し れ ま せん 。 し か し Unity eee Pa 
( 図 4) を 使え ば 、 実 に 簡単 に 3D モ デル を ディ スプ レ 
イ に 表示 し 、 アニ メー ショ ン さ せる こと が で きま す 。 
ゲー ム 開 発 が よ り 身 近 に 、 よ り 手軽 に 、 そし て 誰 も ーー 
が で きる 環境 、 そ れ が Unity な の で す 。 Tr 
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Unity は 、 ijO5 や Android な どの スマ ー ト フォ ン や Re 
タブ レッ ト 端 末 、Windows や Mac OS、 ブラ ウザ の プ ーーー 
ラグ イン と し て 動作 する WebPlayer な どの プラ ッ ト ^ 四 6:Publishing 
フォ ー ム で 動作 する 3D コンテンツ を 作成 で きる [ ゲ URL http://unity3d.com/unity/publishing/ 
ー ム エエ シ ジン | で す ( 図 。 

実際 に App Store や Google Play に は Unity で 作 
成 さ れ た ゲー ム が 数 多く 配信 され て いま す 。 
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ゲー ム 開 発 の 民主 化 
Unity Technologies 社 は Unity を 通じ て ゲー ム 開 に 全 "や 
発 を | 民主 化 ] す る こと を 目標 と し て いる 企業 で す ( 図 Unity Technologles 
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し て いる 高度 な 制作 ツー ル を 誰 に で も 使え る よう に ょ 図 7:UnmyTadhnologies 

し た の で す 。 URL http://unity3d.com/company/ 
一 般 的 に ゲー ム を 完成 させ る に は 、 3D モ デル や 2D 

グラ フィ ックス 、 サ ウン ド な ども 必要 で す 。 Unity に 

は 、Asset Store ( 図 8) と いう 仕組 み が 用 意 さ れ て お asin, ce こ 
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念 図 8 : AssetStore 
URL http://unity3d.com/unity/asset-store/ 


タ 
> 


コミ ュ ニ ティ に よる 活動 

Unity で は フォ ー ラ ム な ど コ ミュ ニテ ィ の 情報 共有 
が 活発 で す 。 原 稿 執筆 時 点 で Unity の 開発 者 コミ ュ 
ニテ ィ 約 60 万 人 の Unity ユ ー ザ ー の うち 、 約 8,000 人 
が 日 本 の ユー ザー が いる と 言わ れ て いま す (2012 年 
12 月 現在 )。 

英語 の 情報 が 多い で す が 、 知 り た いこ と を 検索 エ 
ンジ ン で 検索 すれ ば 、 た いて い の こ と は 検索 結果 に 
ヒッ ト し ます 。 ま た 日 本 語 の 情報 も 増え つつ あり ま 
すし 、 各地 で 勉強 会 も 活発 に 行わ れ て いま す 。 

以下 に 有名 な コミ ュ ニ ティ の URL を 挙げ て お きま 
す ( 図 9 一 11)。 
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URL http://answers.unity3d.com/index.html 
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念 図 10 : Unity Community 
URL http://forum.unity3d.com/ 
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Unity で 夢 の ゲー ム 作り を 


Unity は ゲー ム 開 発 の エコ シス テム 。 イ ンタ ラク ティ ブ な 3D コン テン ツ Unlly の 民主 的 な エコ シス テム は 、 球 し く 手 の 込ん だ ゲー ム を 失 り 出す 洗 
作成 の た め の 卒 想 的 志 な ツ ー ル と サク サク 作れ る ワー ク フ ロ ー が 、 バ パワ フ に 、 多く の デベ ロッ パー や スタ ジ な 
ル な し ンダ リン ケ グエン ジン と 完全 に 統合 され た 環境 で 開発 が 出 a る で し ょ う 。 彼 らち は 、 人 々 が 前 中 に な っ て 嘉 

手 経 な マ ノ グ 、 高 品 賀 な アセ ッ ト が 北 ト フ ォ ー ム で 作る た め に 、Unity を 活用 し て いる の で す 。 
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Unity 金 6 Mac py 2 。 unity-4.0.0.dmg 


Unity の イン スト ー ル 


本 書 の 付属 DVD を PC の ディ スク トレ イ に セッ 
ト し ます 。 DVD-ROM が 開く の で 、[Unity」 っ 


Unity の 最新 版 
Unity の 最新 版 は 下記 の サイ ト か ら 
ダウ ロー ド で 寺 きま す ( 図 1。 


[Macl フォ ル ダ を ダブ ルク リッ ク し ます 。 


本 書 の 開発 環境 

本 書 で は 、 OS X Mountain Lion を 開発 環境 と し 
て 使い ます 。 Unity で 作成 し た ゲー ム を 1iOS 向け に 
出力 する に は Xcode の イン スト ー ル が 終わ っ て い 


て 、 実 機 に アプ リ を 書き 出せ る 状態 で ある 必要 が 
あり ます 。 Android 向け に 出力 する に は Android 
SDK の イン スト ー ル が で き て お り 、 実機 に アプ リ 
を 書き 出せ る 状態 で ある 必要 が あり ます 。 
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図 1 : Unity の ダウ ン ロ ー ド サイ ト 


http://japan.unity3d.com/unity/download/ 
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Unity を イン スト ー ル する 
unity-4.0.0.dmg を 展開 し て 、Unity.pkg を ダブ 
ルク リッ ク し ( 図 2①)、 イン スト ー ル し ます ⑨⑧⑨③ 
(④⑤⑯⑥。 


L0 d ヨ LdVHO う 


使用 許諾 契約 

Iimited liabili iy partnership, proprietorship, joint ventnre or 
@ は じ め に other form of business organization. Legal Entity includes 
without limitation any government, non-profit, educational 
@ 使用 許諾 調 約 or academic institution. 


き イン スト ー ル 先 の 選択 


“Licensee Content” means games, applications, softWare or 


@ イン スト ー ル の 笑 類 other content that you develop through use of the Softwarc. 


ゃ インス トー ル 
4 a “Software” means all 3.* versions and updates of the Unity 
よう 性:Unity ンス スト oN e 拓 要 」 editor and runtime software products icntified on Unity's 
C | と website at htitp://unify$d.com/unity/licenses that Unity 
@ は じ め に Dezzing TR Be te loghtmgpa and Dofened Rendgrh. | mercially lablc for a foc and all associaicd 
Vast, dense Terrains rich with unique: Trees. High-fidelity audio documentation. 
@ 使用 許諾 契約 Powered by FMOD™ Immersive physics with NVIDIA PhysX™. 
* a Super-precise Occlusion Culling with Umbra™. Skinnable in-game 
ゃ イン スト ニル 5 の 捧 が GUls, Integrated Debugging, Networking and Asset Streaming, 
イン スト ーー ル の 種類 Extensible tools and source control. And blazing fast JavaScript, 
C#, and Boo with access to the complete .NET libraries. 
$ イン スト ー ル 
@ 板 要 Build with ease using a hilly'integrated and streamlined Editor. 
Deploy to any target: Standalone Mae or Windows, Streaming 
| Webplayer that works in ariy browser, iPhone, iPad, Android, and 
the curment generation oWGonsoles. 
Welcome to Unity. Its nieg to have you. 
a Unity の イン スト ー ル 
“Macintosh HD" に 押 電 イン スト ー ル 
@ は じ め に 
@ 使用 許諾 契約 この 操作 に は 、 コ ンピュータ 上 に 2.76 CB の 領域 が 必 
@ イン スト ー ル 先 の 選択 で 
@⑤ イン スト ー ル の 種類 ディ スク "Macintosh HD'" に この ソフ トウ ェ ア を 標準 イ 
LT @ イン スト デル ンス トー ル す る に ほ 、 イン スト ー ル "を クリ ッ ク し て く 
この ソフ トウ ェ ア の イン スト ー ル を 続け る に は 、 ソ フト ウェ ア 使 用 許 議 契 塊 要 ・ 
約 の 条件 に 同意 する 必要 が あり ます 。 


@ 
t 
ーー a 
万 生 


@ 使 有 インストー ル を 続け る に は 、" 同 意 す る "を クリ ッ ク し て くだ さい 。 イ ンス 
| トー ル を キャ ン セ ル し て イン スト ー ラ を 終了 する 場合 は 、" 同 意 し な い "を ク 
た リッ ク し て くだ さい 。 


使用 許諾 契約 を 読む 


me 攻 Z: 語 


makes commcrcially 
docurnentation- 


今 図 2 : Unity の イン スト ー ル 


Unity の 開発 環境 
Unity は Mac 版 、 Windows 版 が 用 意 さ ご され て いま す 。 


Mac 版 は 、 Mac OS X Intel CPU お よび 10.6 以降 の Mac OS と な り ま す 。 
Windows 版 は 、 Windows XP SP2 以降 の Windows と な り ま す 。 
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Unity を 起動 する 
無事 に イン ス トー ル が 完了 する と 「 ア プリ ケー ショ ン 」| フォ ル ダ の 中 に 「Unity」 フォ ル ダ が 作成 され 
ます ( 図 3①)。 そ の 中 の 「Unityapp] を ダブ ルク リッ ク す る と ②、 Unity が 起動 し ます 。 


よく 使う 項目 
記 Dropbox 
A アプ リケーション 《》 選択 


回 デス クタ トッ プ Documentatian Documentation, ht MaonoDevelop.app Standard Packages 
還 書類 


SD ダウ ン ロ ー ド 
細 ムー ビー 


Unitron.app Unity Bug 
Reporter.app 


中 Macintosh HD + [ 語 | アプ リケーション ト 固 Unity と: 0 Unity.app 


に 


る 図 3 : アプ リケーション フォ ル ダ 


アク ティ ベー ショ ン を 行う 

初め て Unity を 起動 する 時 、「 ア クティ ベー ショ ン 」 が 必要 で す 。 ア クティ ベー ショ ン さ れ て いな い 状 
態 で Unity を 起動 する と 図 4 の よう な ダイ アロ グ が 開く の で 、|Activate the free version of Unity」 
が 選択 され た 状態 で ① [OK] ボタ ン を クリ ッ ク し ます ぐ ⑧。 次 の 画面 で [Create Account] ボタ ン を ク 
リッ ク し ます ぐ ③。 Name に 名 前 、 Emall に メー ル ア ド レス 、 Password と Password Confirmation に 同 
じ パ スワ ー ド を 入力 し て ④ [OK] ボタ ン を クリ ッ ク し ます ぐ ⑤。 

数 分 後に Email に 入力 し た メー ル ア ド レス 宛 に 確認 メー ル が 届き ます の で 、 メ ー ル 本 文 の |「Confirm 
my account] を クリ ッ ク し て ⑥、 メー ル ア ド レス を 認証 し ます ⑦。 メ ー ル アド レス と パス ワー ド を 入 
力 し て 、[OK] ボタ ン を クリ ッ ク す る と 、 Unity が 使え る よう に な り ま す 。 「Start using Unity」 を クリ 
ッ ク す る と アプ リケーション が 起動 し ます 。 付属 DVD-ROM に 収録 され て いる Unity Free 版 (Mac) 
の バー ジョ ン は 4.0.0f7 お よび 、 4.0.1f2 で す 。 本 書 で は 、 4.0.0f7 に て 動作 検証 を 行っ て いま す (⑱。 


Activate your Unity license る 4 Unity Your Unity Account < ぐ 


Thank You for creating an aCcpunt with Unity. We require Ihat usefs confirm their 
email addresses before using some CCOunt features. This simple step helps to 
prevent problems with bad addresses, such as bounced replies or spam. You can 
confirm your account by following the link below: 


The Unity Team 


Activate the existing serial nummber you re 


y trial of Unity 


i | ゃ ク Thig is gn eutomated amgil that has baan sent to you aagragultoF actions taken at e 
リ ツ Copyrght 2012. Unity Technoiogses. ] f Se 。 ロ 


Unity Account Confirmed “4 unity 


Log into your Unity Account さ 4 unity 


0 conHinue ¢4 確認 


Password 


Subscribe to our rnonthiy 


forrmation. 


Thank you for your time “4 unity 


Create a Unity Account 


Name 


Shoeisha Ichiro 
Ema 
X.XOOOCX.XOOX@YyOurdormain .Com 


assword 


Password confirmation 


図 4 : アク ティ ベー ショ ン の 手順 


マル チ プ ラッ ト フ ォ ー ム の ゲー ム エ ン ジン aaaes 
Unity は 、 マ ル チ プ ラッ ト フ ォ ー ム の ゲー ム エ ン | see 
ジン を 搭載 し た 開発 ツー ル で す 。 実習 で イン スト | 


プレ イ 、 編 集 、 調 束 Unity リモ ー ト で 確認 
Piay の ボタ ン を 押せ ば すぐ に ゲー ム の 中 へ 。 ブ uniy リモ ー ト を 使え ば 、Unity エディ ター か ら 


な 環境 で 実行 で きま す 。 


レイ し て 科 屋 に プラ ッ 2 ム 別 の 号 記 し lay す だ 【 タケ ターゲット と な る 
ド が どの よう に な る か 試し て み バラ で その 四 で 者 作 従 良 が 可能 て す 


る 図 5 : マル チ プ ブ プラットフォーム の ゲー ム エ ン ジン 


U ー ル し た 開発 ツー ル は 「 エ ディ ター」 と も 呼ば れ て | uo プラットフォーム E | 重 
いま す 。 こ の エディ ター で 作成 し た ゲー ム は 本 書 9 こし 
t で 取り 扱う IO5 や Android を 含め 、Web Player | SR | | 
A (Web ブ ラウ ザ プ フラ グイ ジ ) の ほか 、 WIndows/ | eet A ess 
イ Mac OS/Linux/Google Chrome/Flash Player/ aim =ra 
ス Xbox 360/PlayStation 3/Wii U と いっ た いろ いろ て で ドー 8 ws 
ト 
| 
ル 


昔 プ ブ プラットフォーム 向け の ビル ド に つい て 
各 プ ラッ ト フ ォ ー ム 向け の 書き 出し は 、 と て も 
簡単 で す 。 ゲー ム が で きた ら 、 書き 出す プラ ッ ト フ 
ォ ー ム を 選択 し て 、[Build] ボタ ン を クリ ッ ク し 、 
保存 すれ ば 、 ビ ルド は 完了 で す 。 こ の よう な シン 
プル な 方 法 で ビル ド を 行う こと が で きま す 。 


今 図 6 : 各 プ ラッ ト フ ォ ー ム 向け の ビル ド 


まとめ * Unity は iOS や Android 向け だ け で な く 、 Windows/Mac OS/Linux/Google Chrome/Flash Player/ 
Xbox 360/PlayStation 3/Wii U の 環境 向け に 開発 で きま す 。 


* 各 プ ラッ ト フ ォ ー ム 向け の ビル ド は と て も 簡単 で す 。 


お か えり な さい 、 Natsukt さ ん 
ma ア we 


Unty を すでに お 持ち の 夫 合 は 、 相 妃 に シリ アル ナン パー を 入力 し て 営 情 ' を クリ ッ ケ する か 、 ス ト デニ ログ ゲ ィ = 


で ライ ビン ス の 臣民 を 行え ます se ロディ ン は 后 の 生 


シリ アル ナン パー を 入 方 し て 下さ きい に 
全て の 価 峰 は 稚 込 み 芋 椅 で す 
疫 人 は ま 順 梨 で 季 計 す る 


リベート コー ド 


ご 賢 問 が お あり で すか て 
* Mit る IFA 


。 | = 番 芋 0S-546_9914 
その 他 の ライ セン ズ 


ゃ ゲーム 閉 お よび ソー スコ ー ド の うぅ 


アド オン を 追加 


Fiash Player 
+ Ya5700 


イセ ンス に っ いて は 生 当 に 言わ ぼ 
= 衣 末 稚 則 向け の ライ セン ス | 


Fiasn Playeor Pro 
| . 

i0s - i03 Pro 十 売 

+ E00 で に モー ルコ に お 固い 合わ せ 下 さい 、。 
3108 アド オン を 使え ば , 4Phone や 4 ー 

Pad で あな た の ゲー ム 欠 動か は ま * a ご 利用 諾 ける 支払 い 方 肖 
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Android Andraid Pr g 

+ Ya5、700 

Unty Andoid で 、 儲 界 層 百 で 誠 准 す 1 
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Team License ーー ーー 
+ Wd,625 ミュ ーーー で | 
Team Lionnsg を 使え ば . Unity エ デア に = iz4 
イダ に チー ム ワ ー ク の た め の 乾 軸 を , a 
炒 量 
Cdpyme © 2012 Uay 1 を mosoes ylf | 
グ Pa < 
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Unity の ライ セン ス 購 入 サ イト に アク セス し て 
IOS と Android の ライ セン ス を 購入 し ます ( 図 1 
①)。 | アドオン を 追加 ] で [IiOS] ② と [Androig] 
を 選択 し て ③、 画 面 右 下 の [ カ ー ト に 追加 ] ボタ 
ン を クリ ッ ク し ます ④。 


IOS と Android の ライ セン ス 


2013 年 5 月 21 日 に Unity Technologies 社 は 個 
人 お よび 小 規模 開発 者 向け の モバ イル 向け 機能 


完全 無償 化し まし た 。 

新た に Unity を イン スト ー ル し て 、Android 向 け 
に ビル ド 、 ま た は iOS 向 け に ビル ド で きる 状態 に 
な っ て いる 場合 は 、 手順 1 か ら 3 は 不要 で す 。 


ちな た の ゲー ム の た の め の 、 本 の ゲ ' 
ー バ ルプ ラッ ト フ ォ ー ム で す 


10s 

+ 5.700 

IO6 ア ド オ ン と 合え ぼ 、IPhore や 
4 で 6 な た の ゲー 


今 図 1 : ライ セン ス 購 入 サ イト 
https://store-jp.unity3d.com/ 


に 1 


Unity Pro 
Yi33.375 


TONTI エ YK 
人 を よれ る プロ 創発 書 向 け 


倒 て の 秋 格 は 梓 世 価格 で す 


リベート コー ド 


モ その他 の ライ セン ス 
ャ ゲー ム 答 お よ ザ ソー スコ ー ド の ウラ 
イセ ンス だ つい て な て 
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る 


ライ セン ス の 購入 手続 き を 進め る 
カー ト の [レジ に 進む ] ボタ ン を クリ ッ ク し ます ( 図 2①)。 LESSON 01 で 作成 し た Unity ア カウ ント 
で ログ イン し ます ②③。 請 求 先住 所 を 登録 し ます ④⑤。 [ソフ トウ ェ ア 利 用 許諾 契約 (EULA) に 同意 し 
て 進む ] に チェ ッ ク を 入れ て ⑥、[ 購 入 す る ] ボタ ン を クリ ッ ク し ます ⑦。 ク レジ ッ ト カ ー ド の 情報 を 
入力 し て ⑧、 購 入 を 確定 し ます ⑨。 


UnitY Callery Store Asset Store Developer Company Downioad 


Unity ライ セン ス 想 カー ト K は 1 個 の 競 品 が 人 っ て いま すす 随 人 生計:\71.400 = 用 逐語 


Umty を すでに お 持ち の 場合 は 、 下 品 に シリ アル ナン バー を 入力 し て ' 刻 信 ' を クリ 5 


で ライ セン ス の 覧 理 を 行え ます 。 Wt A 
シリ アル ナン バー を 入力 し て 下さ い 送信 IOS 4.« v34.00 
Android 4 x \34.000 
小計 YSRnO0 
Unity Unity Pro 
無料 \133.875 Rn- 3 人 068 O00 ¥3,400 


Unity は 無料 で ゲー ム 制 作 
が 出 広 る アー ム エ ン ジン 
で す 。 


主 て の ハイ エン ド 尼 填 】 
含ま れ ネ ブロ 同 発 者 向 , 購入 合計 : V71.400 


ダー ム エ ン ジン で す 。 


Changm Language 。 き | (ln Eraimty 


Callery Store Asset Store Developer Company Downlosd 


= ヽ は 
Unity に ログ イン 会 て の 三才 は 枕 入 ん 全 韻 で す 
アカ ウン ト は Unity で の 活動 に 必要 で す 。 

リベート コー ド 
工 に Unitky ア カウ ント を 作成 許 み で す 。 
も し 太 近 Uniy を 買わ れ た か 、Uniy エ ディ タ の Asset Storo を 利用 され た 場合 、 す で に アカ ウン ト を お 持ち で み 
る 可能 人 往 が あり ます 。 も し モ う で な いな ら 、 サイ ン デ テッ プ 


その 他 の ライ セン ス 
= ゲー ム 楼 お よび ソー スコ ー ド の ラ 
イセ ンス に つい て な 召還 い 販 わせ セ 
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“4 Unity Gallery Store Asset Store Developer Company Download 


チェ ッ ク ア ウト EE 


で 質問 が お あり で すか ? 


ゃ 走 商 謗 引 プ < 


= 電話 : 03-546H-B314 


ご 利用 頂け る 支払 い 方 法 


EEE 


VAT ナ ン パ ー( 付 加 価 憶 税 登 召 番号 ) 


半 求 書 送 装 住 所 


コ この 住所 を デフ ォ ル ト に する 


念 図 2 : ライ セン ス の 購入 手続 き の 画面 
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Unity Callery Store Asset Store Developer Company Download 


チェ ッ ク ア ウト Ty 
ご 質問 が お あり で すか ? 
e オン ライ ンス ト デ 
Unity 4.x wD 1 wO mw セー ルス 
IOS 4x Ys4.009 1 Ya4.000 = 宇 下 聞 友 引 生 に 茎 づ く 表 示 
= 電話 : 03-5468-9914 
Androld 4.x 4.000 1 34.000 
小計 \88.000 リベート コー ド 
税 5%%- 3 信 8.000) \3.400 OK 


ご 利用 頂け る 支払 い 方 法 


EE 


ve 


較 ソフ トウ ェ ア 利 用 許諾 契約 (EULA) に 同意 し て 進む 『" 


UILA) に 同意 て 進 む 


Change Lmnouage $ lnEnaishi 


Asset Store Developer Company Download 


利用 可能 な クレ ジッ トカ ー ド 
お 支払 い vs EE 3 " EY 


カー ド 番 号 ド お あり で すか ? 


か れる 区 同 [FAQ) 


引 能 な クレ ジッ トカ ー ド 有効 期 眼 ps 計 に ほ づ く 表 示 
っ 」 12- 12 月 
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CHAPTER01 Unity を 使っ た スマ ー ト フォ ン ゲ ー ム アプ リ 開 発 環境 の 準備 


認証 を 行う 
、 、 ー _ About Uni の 
支払 い が 完 了 す る と 登録 し た メー ル ア ド レス に ( Preferences..… に 
シリ アル コー ド が 送ら れ て きま す の で Unity に | コ 
登録 し ます 。 』 Services や 
Unity の 画面 に 戻り ( 図 33、 メ ニュ ー か ら [Uni dn 
ty] ①ー [Manage License...] ② を 選択 し て 、 Snow Al 


[License Management] ダイ アロ グ を 表示 し 、 
[Activate new license] ボタ ン を クリ ッ ク し ま 
す ③。 


[Activate your Unity license] ダイ アロ グ が 表 
示さ れる の で 、 [Activate the existing serial nu 
mber you received in your invoice.] に チェ ッ EC 


Interhet acces' uired 


ク を 入れ た 状態 で ④、 テキ スト ボッ クス に 、 メー 
ル で 送ら れ て きた シリ アル コー ド を 入力 し て ⑧、 = 玩 ーーー ゴ | 
[OK] ボタ ン を クリ ッ ク し ます ⑯。 a クラ リック 
LESSON 01 と 同じ よう に 、[Start using Unity] eatenon | Nain resortieor aes a eerienle con” 
ボタ ン を クリ ッ ク し ます 。 

これ で 、 Unity で 作っ だ ゲー ム ん を スマ ー ド プ ォ ン 
向け に 出力 する こと が で きる よう に な り ま し た 。 


Activate your Unity license “4 unity 
クリック 


© 入力 


6 クリ ッ ク 


今 図 3 : ライ セン ス の 購入 手続 き の 画面 


i0S と Android の ライ セン ス に つい て 


Free 版 と Pro 版 

Unity に は 、Free 版 と Pro 版 が め ありま す 。 Free 版 で も 十分 な 機能 を 持つ て いま す が 、Pro 版 で は さら 
に 高度 な 機能 が 利用 で きる よう に な っ て いま す 。 Pro 版 で 利用 で きる 機能 の 代表 的 な も の は 表 1 の と 
お り で す 。 


マ 表 1 : Unity Pro 版 で 利用 で きる 代表 的 な 機能 http://japan.unity3d.com/unity/licenses 


二 。 ゲー ム を 起動 する と き に 表示 され る Unity の ロゴ を 別 の 画像 に 差し 
スプ ラッ シュ スク リー ン の カス タマ イズ 替え る こと が で きる 
iOS や Android に 出力 する 時 に 利用 し て いな い 機 能 の 部 分 を 書き 
ビ 少 ドサ イズ 出さ な いこ と に よっ て ゲー ム フ ァ イル の サイ ズ を 小さ くす る こと が 
で きる 
5 Unity の ツー ル の イン ター フェ ー ス は 通常 グレ イ で ある が 、 他 の ダ 
00 つの ー ク グレ イ の スキ ン を 選択 で きる 
フル スク リー ン ポ スト エフ ェクト 画面 全体 に ブラ ー な どの エフ ェクト を か ける こと が で きる 


カメ ラ か ら 向 か っ て 手前 の オブ ジェ クト に 隠れ て 見 えな い オ ブ ジ ェ 


オク ルー ジョ ンカ リン グ クト を 描画 し な いこ と に よっ て 描画 処理 を 速く する こと が で きる 


Nav Meshes (ナビ メッ シュ ) 経路 探索 を する こと が で きる 

LOD カメ ラ か ら の 距離 に よっ て 細か さ の 違う オブ ジェ クト を 描画 する よ 
うに 指定 する こと が で きる 

Fk ゲー ム を 最適 化す る た め に CPU や メモ リ や 描画 処理 の 負荷 を グラ 
フ で 表示 する こと が で きる 


も ちろ ん Free 版 で も ゲー ム 制 作 を する の に 十分 な 機能 が 備わっ て いま す の で 、 本 書 で は Free 版 を 
使っ て 解説 し ます 。 
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Free 版 の ライ セン ス を 企業 で 利用 する に は 
な お 注意 事項 と し て 、 Free 版 の ライ セン ス を 企業 で 利用 する に は 前 年 度 の 売上 が 10 万 ドル 未満 で 


ある 必要 が あり ます 。 こ れ は よほど 小さ い 会 社 で な い 限 りこ の 制限 は 超え て し まう と 思い ます の 
で 、 企業 で 利用 する に は Pro 版 を 利用 する こと に な る で し ょ う 。 


* Unity の イン スト ー ル か ら ラ イセ ンス の 購入 や レジ スト レー ショ ン を 行う 必要 が あり ます 。 

* Free 版 で も ゲー ム 制 作 を する の に 十分 な 機能 が 備わっ て いま す 。 

* Free 版 の ライ セン ス を 企業 で 利用 する に は 前 年 度 の 売上 が 10 万 ドル 未満 で ある 必要 が あり ます 。 

s 最初 か ら iOS や Android ラ イセ ンス を 購入 する 前 に 試し た い 場 合 は 、 レジ スト レー ショ ン サ イト で [Start 
Pro/iOS Triall ボタ ン を クリ ッ ク し て トラ イア ル 版 と し て すべ て の 機能 が 30 日 間 利 用 で きま す 。 

* トラ イア ル 版 と し て 利用 する と 作成 し た ゲー ム の 画面 に ウォ ー タ ー マ ー ク (Unity の ロゴ) が 表示 され ま 
す が 、 Pro 版 の 機能 や IOS や Android 書き 出し の 機能 も すべ て 利用 で きま す 。 


初め て Unity を 起動 する と 、「AngryBots」 と い 
う プ ロジ ェクト が 表示 され ます ( 図 1)。 

ここ で 「Welcome To Unity」 と 表示 され た ダイ 
アロ グ が 表示 され て いる 場合 は 、 ダ イア ログ を 
閉じ て くだ さい 。 


Unity の 基本 画面 の 背景 色 
本 書 で は 、 Unity の 基本 画面 の ウィ ンド ウ の 色 は デ 
フォ ルト の グレ ー で す 。 Pro 版 の 場合 、 基 本 画面 の 


ウィ ンド ウ の 色 を 変更 で きま す 。 Unity の メニ ュー 
か ら [Unity] [Preferences] を 選択 し ます 。 
[Unity Preferences] ウィ ンド ウ の 「Generall っ 
「Skin (Pro Only) 」 で 他 の 色 を 指定 で きま す 。 


図 1 : Unity の 起動 画面 


nn 


を 人 「AngryBot」 プロ ジェ クト が 開か な い 
場合 


も し ここ で 「AngryBots」 プロ ジェ クト が 開い 
て いな い 場 合 は 、 メニ ュー か ら [File] = [OpenP 
roject] を 選択 し て 、[Project Wizard] ダイ アロ 
グ を 開き ます ( 図 2)。 [Open Project] タブ を ク 
リッ ク し て ①、[/Users/Shared/Unity/4-0_An 
dryBots] を 選択 し ②、[Open Project] ボタ ン 
を クリ ッ ク し て ③、 プロ ジェ クト を 開き ます 。 


[/Users/Shared/Unity/4-0_AngryBots] 
が 見 当たら な い 場 合 

[Open Otherl ボタ ン を クリ ッ ク し て 、[ ユ ー ザ / 
共有 /Unity/4-0_AngryBots] を 開い て くだ さい 。 


乱 苑 ら 回 固 中 出 S で "つこ 


プロジ エク ト が 表示 きき 所 だ 中 メニ ュー か 5 
[File] っ [Open Scene] を 選択 し て 、[Load Sc 
ene] ダイ アロ グ を 開き ( 図 3)、 IAngryBots.uni 
ty」 を 開き ます ①⑫。 


・① ツー ル バ ー (Toolbar) 

・ ② [Scene] ビュ ー 

・ ③ [Game] ビュ ー 

・④ [Hierarchy] ビュ ー 

・ ⑤ [Project] ビュ ー 

*・ ⑯⑥ [Inspector] ビュ ー 

・⑦ ステ ー タ スバ ー (StatusBar) 


それ で は 、 Unity の 画面 を 確認 し て いき まし ょ うつ 。 
Unity の 基本 画面 は 、 図 4 の よう に ツー ル バ ー と ステ ー タ スバ ー、 そ し て 複数 の ビュ ー か ら 構 成 さ れ 
て いま す 。 各 ビ ュー は レイ アウ ト や 大 き さ を 自由 に 変更 で きま す 。 


ーー 
pen Project 


Open Project | 


| Open Other... | 


今 図 2 : [Project Wizard] ダイ アロ グ 
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OO ツー ル バ ー (Toolbar) 


コ 
< 


= i Inspector - : 
中 Payer sute yA 
Tag |Flayer +| Layer | Playsr | 


LO YLdVHD 


Prefab | Select | Revert | App | 
和え 回 和 あ 
XX -718039 Y 1.155756| Zz 


に 


\ 人 ni 1 Ss に 
に 2 ) [Scene] ビュ ー ~- 


ーー: 


ンー 


Walking Snappyness 50 
園 Editor ; Turning smoothing 03 
PE 画 Eplosions ! 


Cursor Prefab Cursor 
Joystick Prefab Joystick 
Camera Smoothing 0.05 
Camera Preview 

Accat ke nrchameer 


mp ステ ー タ スバ ー (StatusBar) 
今 図 4 : Unity の 画面 


Toolbar (ツー ル バ ー) 
リー 5 バー は 5 つの コン トロール が あり ます ( 表 1)。 


マ 表 1: ツー ル バ ー 


アイ コン 
左 か ら [Scene] ビュ ー 内 の 移動 ([Controll キ 
ー を 押し な が ら ド ラッ グ す る と 画面 の 拡大 や 縮 


Transform Tools 小 が で きる )、 オブ ジェ クト の 移動 、 オブ ジェ ク 
([ 移 動 ] ツー ル ) ト の 回 転 、 オ ブ ジ ェクト の 拡大 縮小 に 使う 。 


キー ボー ド シ ョ ー ト カッ ト は [Q] [W] [E] [R] 
の 間 キ ー が それ ぞ れ 視 り 当て られ て いる 


ee [Scene] ビュ ー の ギズモ の 表示 を 切り 替え る 


[Scene] ビュ ー で 製作 中 の ゲー ム を [Game」 


Play / Pause / Step Buttons に ショ セー = 2 
lL (プレ イン ポー ズン ノンステップ ボタ ン ) cu 中 断 、 ス テッ プ 実 行 す る こと か カ 
Layer drop-down [Scene] ビュ ー に 表示 され る レイ ヤー を 選択 
(レイ ヤー ドロッ プ ダ ウジ) する こと が で きる 
- Layout drop-down 市 9 ーー 
(レイ アウ トド ロッ プ ダ ウン ) 画面 レイ アウ ト を 切り 替え る こと が で きる 


025 


[Scene] ビュ ー (シー ン ビ ュー) 
シー ン と は 3D 空 間 の こと で 、 こ こ に プレ イヤ ー や 敵 や 背景 や 小物 な ど さ ま ざま な オブ ジェ クト を 
配置 し て ゲー ム を 作成 し ます ( 図 5)。 


信 図 5: [Scene] ビュ ー 


[Game] ビ ピュー (ゲー ム ビ ュ ー) 

[Game] ビュ ー で は 製作 中 の ゲー ム を 実際 に プレ イ す る こと が で きま す 。 

ツー ル バ ー の [Play] ボタ ン を クリ ッ ク し て 実際 に AngryBots を プレ イ し て み ま し ょ よう 。 

キー ボー ド の [WI] [Al] [S] [D] の 各 キ ー で 前 後 左右 に 移動 し て し 、 マ ウス カー ソル の 方 向 に 銃口 を 向 
け て マウ ス の 左 ク リッ ク で 弾丸 を 発射 し ます 。 [Play] ボタ ン を も う 一 度 ク リッ ク す る と AngryBots は 
ストップ し ます 。 


Maximize on Play | Stats | Gizmos * 
こ 7 
人 


s 図 6 : [Game] ビュ ー 
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[Hierarchy] ビュ ー (ヒエ ラル キー ビュ ー) 
[Hierarchy] ビュ ー で は 現在 編集 中 の シー ン に ある すべ て の ゲー ム オ ブ ジ ェクト を 表示 し ます 。 
シー ン の 中 の ゲー ム オ ブ ジ ェクト は 階層 構造 を 持つ こと が で きま す が 、[Hierarchy] ビュ ー で は ゲ 
ー ム オブ ジェ クト の 作成 複製 削除 の 他 、 親子 関係 を も た せ た り 、 解除 する こと が で きま す 。 


削 写 


= Hierarchy 


念 図 7 : [Hierarchy] ビュ ー 


[Project] ピュ ー 【 プ ロジ ェクト ピュ ー) 

[Project] ビュ ー は ゲー ム の 中 に 含ま れ て いる モデ ル 、 テ クス チャ 、 サウ ンド 、 シ ー ン デー タ な ど を 
表示 し て いま す 。 

[Project] ビュ ー の 中 身 は プロ ジェ クト の 保存 先 の フォ ル ダ の 中 の 「Assets] フォ ル ダ と 同じ 内 容 を 
表示 し て いま す が 、 フ ァイル の 変更 や 削除 な どの 操作 は 必ず Unity 上 で 行う よう に する 必要 が あり ま 


今 図 8 : [Project] ビュ ー 
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[Inspector] ビュ ー (イン スペ クタ ビュ ー) 


[Inspector] ビュ ー で は 、[Scene] ビュ ー や [Hierarchy] ビュ ー の オブ ジェ クト や [Project] ビュ 
ー の ファ イル の 内 容 を 表示 し た り 、 位置 や 角度 な どの 値 を 変更 し た り し ます 。 


信 図 9 : [Inspector] ビュ ー 


ステ ー タ スバ ー (StatusBar) 
ステ ー ダ タス バー で は 、 デバ ッ グ メッ セー ジ や 、 エラ ー メ ッ セ ー ジ を 1 行 だ け 表 示す る こと が で きま す 
( 図 10)。 ス テー タス バー を ダブ ルク リッ ク す る と [Console] ビュ ー を 表示 する こと が で きま す 。 


人 る 図 10 : ステ ー タ スバ パー 


* Unity は ツー ル バ ー と ステ ー タ スバ ー と 複数 の ビュ ー か ら 構 成 さ れ て いま す 。 

* ツー ル バ ー は 5 つの コン トロ ー ル が あり ます 。 

・ [Game] ビュ ー で は 、 製作 中 の ゲー ム を 実際 に プレ イ す る こと が で きま す 。 

* [Hierarchy] ビュ ー で は 現在 編集 中 の シー ン に ある オブ ジェ クト を 表示 し ます 。 


・[Project] ビ ピュー で は 、 ゲー ム の 中 に 含ま れ て いる モデ ル 、 テク スチ ャ 、 サウ ンド 、 シー ン デ ー タ な ど を 表 
示し ます 。 


* [Inspector] ビュ ー で は 、[Scene] ビュ ー や [Hierarchy] ビュ ー の オブ ジェ クト や [Project] ビュ ー の 
ファ イル の 内 容 を 表示 する こと や 、 位置 や 角度 な どの 値 を 変更 し ます 。 


* ステ ー タ スバ ー で は 、 デ バッ グ メ ッ セ ー ジ や 、 エラ ー メ ッ セ ー ジ を 1 行 だ け 表 示し ます 。 
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Import the fallowing pack 


Character Controller.u 


the scene AnqryBots_.unity? 


Liqht Cookies.unityPagl 


Light Flares.unityPackag 
Particles.unityPackage 
Physic Materials.unityPackaqe 
ProjeCtors.unityPackage 
scripts.unityPackage 
Skyhoxes.unityPackage 

standard Assets (Mobile).unityPackage 
Terrain Assets.unityPackage 


ee 


な し 


メニ ュー か ら [File] ( 図 1①) っ [New Projectl 


を 選択 し て ②、[Project Wizard] ダイ アロ グ を 
表示 し ます ③。 


図 1 


EO@ クリ ッ ク 
New Scene 
Open Scene... 


Save Scene 
Save Scene as.… 


New Project.… 
Open Project... 
Save ProjeCt 


Build Settings... 
Build Run 


Close 


: [Project Wizard] ダイ アロ グ を 表示 する 


Do you want to save the chanqes you made in 


Yanur changes will be lost if you don't save them 


Save 


ロロ OO oS 


|/Users/ masaki/New Unity Project 


Import the follgwing packages: 
[ ] Character Controller.unityPackage 


回 Glass Refraction (Pro Only).unityPackaqe 
[_] Image Effects (Pro Only).unityPackage 
| | Light Cookies.unityPackage 


[ ] Light Flares.unityPackage 


8 UnTTYPaCK3 
| | Scripts.unityPackage 
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「Project Directory」 (プロ ジェ クト 
の 保存 場所 ) を 指定 する 

最初 に 「/Users/ (ユー ザー 名 ) /New Unity Proj 
ect| と いう 保存 場所 が 設定 され ます が ( 図 2①)、 
最後 の フォ ル ダ の 部 分 が プロ ジェ クト 名 に な り 
ます 。 右側 の [Set] ボタ ン を クリ ッ ク す る と ⑧、 
シス テム の 中 の フォ ル ダ を た どり な が ら プ ロジ 
ェクト の 保存 場所 を 入力 で きま す ⑬③)。 


エディ タ を 起動 する 

[Import the following packages] と いう 項目 
が あり ます が 、 何 も チ ェ ッ ク せ ず に [Create Pro 
ject] ボタ ン を クリ ッ ク す る と ( 図 3①)、 エ ディ 
タ が 再起 動 し て 、 プ ロジ ェクト が 作成 され ます 。 
も し ここ で 変更 を 保存 し て いな い シ ー ン が ある 
場合 、 保存 する か 、 破棄 する か を 人 確認 する ダイ ア 
ログ が 表示 され ます 。 保存 し な い 場 合 は [Dont 
Save] ボタ ン を ②、 保存 する 場合 は [Save] ボタ 
ン を クリ ッ ク し て くだ さい ⑨③。 


新規 プロ ジェ クト の 画面 を 確認 する 


> ct Directory: 


| /Users/miyakoshitakayuki/Desktop/LESSON04 | [ Set... | 


Import the following packages: 


Do you want to save the changes you made in 
the scene AngryBots.unity? 


Your changes wi be lost if you don't save them 


念 図 3 : エディ タ を 起動 する 


プロ ジェ クト を 作成 する と ①、[Hierarchy] ビュ ー に 「Main Camera」 ② だ けが 配置 され た 新しい シ 
ー ン が 表示 され ます 。 な お ここ で は [Stats] タプ ③、 [Gizmos] タブ ④ を クリ ッ ク し て オブ ジェ クト の 


様子 を わか りや すく し て いま す 。 


今 図 4 : 新規 プロ ジェ クト の 確認 
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オブ ジェ クト を 作成 する came EEO クリ ッ ク g 

(5 ) シー ン に オブ ジェ クト を 追加 し て み ま し ょ よう 。 メ ce omer sw | ance system me 
ニュ ー か ら [GameObject] ( 図 5①) ~ [Create と = = ER ヨコ 
Other] ⑦~ [Cube] ③ (立方 体 ) を 選び ます 。 す 0 ーー ーー a 
る と [Scene] ビュ ー に 「Cube」 が 追加 され ます ④。 Break Prefab Instance a 


Move To View て 8 放 F Spotlight 
Align With View TF Area Light 


[Scene] ビュ ー に 「Cube」 が 見 えな い 場 合 
[Hierarchy] ビ ピュー か ら 追 加 さ れ た 「Cube」 を 選択 
し て 、[F] キー を 押す か 、 ダ ブル クリ ッ ク す る と 、 
[Cube」 を 中 心 に 表示 する よう に [Scene] ビュ ー の 
カメ ラ が 移動 し ます 。 


Cube 


作成 し た オブ ジェ クト を コン トロ ー ル する 

(6 [Hierarchy] ビュ ー で 「Cube」 を 選択 し ます 。 「Tra 
nsform」 の |Position] の 「X, Y, Z] に それ ぞ れ 「1, 計 菩 一 一 一 - ーーーーーーーー・ し Em 一 ーー 
1, 1] と 入力 し ます ①。 す る と 、 Cube が 「1. 1, 1」 OO 確認 1 


の 位置 に 移動 し ます ②。 また 、 「Rotation」 の 「X.Y. 作図 5: オブ ジェ クト の 作成 
Z| に それぞれ | 45 と ど 久 該 す る ご 9、 

[Cube」 が Y 軸 を 中 心 に 45 度 回 転 し ます ④。 「Sca 

le」 の 「X, Y, Z] に それ ぞ れ 「10. 1, 10」 と 入力 す 

る と ⑤、「Cube」 が X 軸 こと Z 軸 方 向 に 伸び 、 板 の よ 

うに 変形 し ます ⑯。 

@ Inspector 


MP staric v 
Tag uninaged * | Layer | Default * 
ーー - ーー 


4 he [static マ 
Tag し Layer し psih-- 


MAC | eh 
ーー | Layer | pefault 


今 図 6: オブ ジェ クト の コン トロ ー ル 
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オブ ジェ クト の 操作 万 法 


ギズモ に つい て 

[Hierarchy] ビュ ー で 追加 れ た ゲー ム オ ブ ジ ェクト を 選択 する と 、[Scene] ビュ ー 上 で 「Gizmo 
(ギズモ ) 」 と 呼ば れる ハン ドル の よう な も の が 表示 され ます 。 そ れ ぞ れ [移動 ] ツー ル の 状態 に よっ 
て ギズモ の 形 が 変わ り ま す ( 表 1)。 


マ 表 1 : [移動 ] ツー ル の 選択 時 に お ける ギズモ の 操作 と その 説明 


本 
」 移動 赤 、 緑 、 吾 の ハン ドル を ドラ ッ グ する と 、 それ ぞ れ X 軸 、Y 軸 、Z 軸 方 向 に 平行 移動 
ua i する 。 中心 部 分 を ドラ ッ グ する と [Scene] ビュ ー の 視点 で 自由 に 移動 する 


< 回転 赤 、 緑 、 青 の 円 を ドラ ッ グ する と 、 それ ぞ れ X 軸 、Y 軸 、Z 軸 を 中 心 に 回 転 する 


m9 拡大 ノ 縮 小 。 赤 、 緑 、 青 の ハン ドル を ドラ ッ グ する と 、 それぞれ X 軸 、Y 軸 、Z 軸 方 向 に 伸縮 する 


細か い 移 動 や 回 転 、 拡大 縮小 を 設定 する 

[scene] ビュ ー で ギズモ を 操作 し て オブ ジェ クト を 操作 で きま す が 、 マ ウス だ け で は 正確 な 場所 や 
角度 に 調整 する こと は 、 少 し 難し い 作 業 と な り ま す 。 そ うし た 時 、[Inspector] ビュ ー を 利用 すれ ば 
( 図 )、 数 値 を 直接 入力 し て オブ ジェ クト を 移動 する と いっ た 細か い 調 整 が で きま す 。 

[Inspector] ビュ ー に は 、 現 在 選 択 中 の ゲー ム オ ブ ジ ェクト ( 図 7①) や 設定 項目 の パラ メー タ を 調 
整 す る た め の 項 目 ② が 表示 され ます 。 


⑲ 選択 中 の ゲー ム オ ブ ジ ェクト 


@ バラ メー タ を 調整 する た め 設 定 項目 


今 図 7 : [Inspector] ビュ ー 


シー ン ギ キズ モ に つい て 

[Scene] ビュ ー の 右上 に ある の が 「 シ ー ン ギズモ 」 で す ( 図 8)。 中心 に グレ ー の 立方 体 が あり 、 そ 
こ か ら 円 雛形 の ハン ドル が 6 本 伸び て いま す 。 現在 シー ン を 撮影 し て いる カメ ラ (Main Camera で は 
な い ) が どの よう に シー ン を 見 て いる か わか り ま す 。 [Option] キー を 押し な が ら オ ブ ジ ェクト を ドラ 
ッ グ する と シー ン ギ ズ モ の 形 も 変化 し ます 。 


: 図 8 : シー ン ギ ズ モ 


視点 を 変え る 


赤い 人 ルン ドル を クリ ッ ク す る と X 軸 側 か ら ①②、 緑 の ハ ンド ル を クリ ッ ク す る と Y 軸 側 か ら ③⑨ ん ⑭、 


い ハ ルン ドル を クリ ッ ク す る と Z 軸 側 か ら シ ー ン を 撮影 する よう に ⑤⑥、 カメ ラ が 移動 し ます 。 


d クリ ッ ク 


図 9 : 視点 を 変え る 
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Ilsometric Mode と Perspective mode 

シー ン ギ ズ モ の 中 心 部 分 を クリ ッ ク す る と ( 図 10①)、「lso] (Isometric Mode) と 「Persp」 
(Perspective Mode) が 切り 替わり ます ②⑧。 ま た 中 心 部 分 を 右 ク リッ ク す る と (2 ボタ ンマ ウス の 場 
合 )、 カメ ラ の 向き を 選択 する リス ト が 表示 され ます ( 図 11)。 


Isometric Mode と 


@ Perspective Mode lsometric Mode と Perspective 


が 切り 替わる = Mode 
lsometric Mode は 正 射影 の こと で 、 
速く の オブ ジェ クト も その まま の 大 


き さ で 表示 され る の が 特徴 で す 。 
Perspective Mode は 透視 射影 の こ 
と で 、 遠く の も の は 小さ く 、 手前 の も 
の は 大 きく 表示 され ます 。 


今 図 10 : 視点 を 変え る 


@》 右 ク リッ ク 


念 図 11 : カメ ラ の 向き を 選択 する 


トグル スイ ッ チ で 座標 を 切り 替え る 
[移動 ] ツー ル の 右 横 に は 、 ギ ズ モ の 表示 を 切り 替え る 「 ト グル スイ ッ チ 」 が 用 意 さ れ て いま す ( 図 
12)。 ト グル スイ ッ チ を 利用 すれ ば 、 座標 の 切り 替え な ど が 簡単 に で きま す 。 


KS Larva | @coball 


= Hierarchy 


念 図 12 : 座標 を 切り 替え る 


Global 座標 (グロ ー バ ル ) と Local 座 標 (ロー カル ) の 切り 替え 

[移動 ] ツー ル で ゲー ム オ ブ ジ ェクト を 操作 する 時 の 座標 は 、 グ ロー バル 座標 と ロー カル 座標 で 切り 
替え る こと が で きま す 。 

[Hierarchy] ビュ ー で |Cube」 を 選択 し て ①、 [移動 ] ツー ル を | 移動 モー ド ] に する と ②、 トグル ス 
イッ チ を [Globall と 「Locall に 切り 替え る こと が で きま す ③⑬。 


め クリ ッ ク 


《)D クリ ッ ク 


図 13 : Global 座標 (グロ ー バ ル ) と Local 座 標 (ロー カル ) の 切り 替え 


トグル スイ ッ チ を [Globall に し た 場合 

トグル スイ ッ チ を | Globall に する と ( 図 14①)、 ギズモ の ハン ドル が シー ン ギ ズ モ の ハン ドル と 同 
じ 向 き を 向き ます ②。 |Cube] の ギズモ の 青い ハン ドル を ドラ ッ グ する と 、 シー ン の Z 座 標 と 同じ 方 向 
に 動き ます ③。 


IE + EET rm 


= Hierarchy 


Main Camera 


クリ ッ ク 


図 14 : トグル スイ ッ チ を 「Globall に する 
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トグル スイ ッ チ を 「Locall に し た 場合 

トグル スイ ッ チ を 「Locall に する と ( 図 15①)、 Cube の ギズモ の ハン ドル が ロー カル 座標 に 切り 替 
わり ます ②。 |Cube] ギズモ の 青い ハン ドル を ドラ ッ グ する と 、 Cube の Rotation の Y 座 標 に 45 度 回 
転 し た まま 、 ロー カル 座標 の Z 軸 方 向 に 移動 する こと が で きま すぐ ③。 


Ku + EF 


= Hierarchy 


⑨⑪ クリ ッ ク 


念 図 15 : トグル スイ ッ チ を 「Locall に する 


階層 構造 の ゲー ム オ ブ ジ ェクト の 操作 方 法 に つい て 

[移動 ] ツー ル で 階層 構造 の ゲー ム オ ブ ジ ェクト を 操作 する 時 に 、 ど の 位置 を 中 心 に 操作 する か を 切 
り 替 そえ る こと が で きま す 。 こ れ を 確認 する た め に [Hierarchy] ビ ピュー で [Cube」 を 新しく 作成 し て 、 
前 に 作成 し て いた [Cube」 と 階層 構造 に し て み ま す 。 

[Hierarchy] ビュ ー か ら す で に 作成 し て いる 「Cube」 を 選択 し て ( 図 16①)、「Position]」 を 「0., 0, 0] 
に 変更 し ます ⑧。 


BB Inspectar 


較 Cube Static マ 


Tag 


= Hierarchy 


Cube 


念 図 16 : Cube の 座標 を 指定 する 


[Hierarchy] ビュ ー の [Create] を クリ ッ ク し て メニ ュー か ら 、「Cube」 を 選択 し て 、 新 し く Cube 
を 作成 し ます 。 新 た に 作成 し た Cube の 名 前 を 「LocalCube」 に 変更 し ます ( 図 17①)。 LocalCube の 
[Position] を 「0, 5, 0] に 変更 し ます (⑫。 
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@ Inspector 


AO 


《》 変更 Tag Lyraaged 1. Layer | Defautt ぁ 』l 
回 欠 


| [er | Rotation 


L0 YLdVHD 


人 図 17 : 「LocalCube」 を 作成 する 


[Hierarchy] ビュ ー で 「LocalCube」 を 
Cube の 上 まで 、 ド ラッ グ 品 ドロ ッッ プ し ま 
す 。 す る と 図 18 の よう な 階層 構造 に な り 
ます 。 


自 層 構造 に な る 


全 図 18 : [LocalCube」 を 作成 する 


親 オ ブ ジ ェクト で ある 「Cube」 を 選択 し て 、 ト グル スイ ッ チ を [Pivot] (ピボット ) と [Center] ( セ 
ンタ ー) に 切り 替え て み ま す 。 

[Pivot] を 選択 する と ( 図 19①)、 Cube を 中 心 と し た 場所 に ギズモ が 表示 され ます 。 [移動 ] ツー ル 
を 回 転 モ ー ド に 切り 替え て ② [Option] キー を 押し な が ら ド ラッ グ し て 回 転 さ せる と 、「Cube」 を 中 
心 に 回 転 し ます ③。 


no RM ue Leuoca | 


= Hierarchy 
leate 


[@ ドラ ッ グ し て 回 転 


念 図 19 : トグル スイ ッ チ を [Pivot] (ピボット ) に する 
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[Center] を 選択 する と ( 図 20①)、 Cube と LocalCube の 中 心 点 に ギズモ が 表示 され ます 。 回転 モ 
ー ド ② で [Option] キー を 押し な が ら ド ラッ グ し て 回 転 さ せる と 中 心 点 を 基準 に 回 転 し ます ③。 


RE: x acne oa 
= Hierarchy \ Ss 8 


Create "| (CrAll gE * * *$| | 演 


| 39 | | cizmos= GrAl_ 000 0 0 ぞ )| 


9 クリ ッ ク 


⑥ ドラ ッ グ し て 回 転 


全 図 20 : トグル スイ ッ チ を [Center] (セン ター) に する 


E3 う > 詞 グー ム は プロ ジェ クト と いう 単位 で 作成 し ます 。 
| ・ プ ロジ ェクト に は 複数 の シー ン が あり 、 シー ン に ゲー ム オ ブ ジ ェクト を 追加 し て ゲー ム を 作成 し ます 。 
本 計 二  ・ ゲ ー ム オブ ジェ クト は 階層 構造 に する こと が で きま す 。 


ー ニ 7 7 FF ン 
dd ン ]- 9 J 
ナー ヒ 』 - デー | ーー 
| アシ 1 ーー バ 3 = 1 ン ー re | | 
| ド レニー に し 'e 動 」 Ss で 『 ej 
0 
1 な し 


[AngryBots] プロ ジェ クト を 開き ます ( 図 1)。 
メニ ュー から [File] ①ー [Build Settings] を 選 
択 し て ②、[Build Settings] ダイ アロ グ を 開き 
ます 。 |Platform] の 部 分 に プラ ッ ト フ ォ ー ム の 
リス ト が 表示 され ます ⑬③。 


Edit 
New Scene 
Open Scene... 


Save Scene 
Save Scene as... 


Assets Game 


New Project... 
Open Project... 
Save Project 


る る 図 1 : プラ ッ ト フ ォ ー ム の リス ト 


Build Settings 
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WebPlayer に 切り 替え る 

現在 選択 され て いる プラ ッ ト フ ォ ー ム に は 、 
Unity の ロゴ マー ク が 付い て いま す 。 こ れ を 
|WebPlayerl に 切り 替え ます 。Platform で 
[WebPlayer」 を 選択 し て ( 図 2①)、[Switch 
Platform] ボタ ン を クリ ッ ク し ます ⑫。 す る と 
WebPlayer の 右側 に Unity の ロゴ マー ク が 付き 
ます ③。 


WebPlayer 向 け に ビル ド す る 

[Build And Run] ボタ ン を クリ ッ ク す る と ( 図 3 
①) 保存 先 を 入力 する ダイ アロ グ が 開き ます 。 
ここ で は 「 デ スク トッ プ ] を 選択 し ②、「AngryB 
ots] と 入力 し て ③、[Save] ボタ ン を クリ ッ ク し 
ます ④。 す る と ビル ド が 行わ れ ⑤、Web ブ ラウ 
ザ が 起動 し 、AngryBots が 自動 的 に ブラ ウザ 上 
で 実行 され ます ⑯。 


保存 され た ファ イル を 確認 する 

デス クト ッ プ に は 、[「WebPlayer] と し て ビル ド 
され た ファ イル が 「AngryBots] フォ ル ダ 内 に 
保存 され て いま す ( 図 4)。 な お [Build Settin 
gs] ダイ アロ グ で 、[Build] ボタ ン を クリ ッ ク す 
る と 、 ブラ ウザ で は 自動 的 に 実行 され ず に 、 この 
ファ イル が 保存 され ます 。 


GEE 


- rs 
| Switch Platform 上 Player Settings... 


Build And Run 
ーー 一 ー ーー ィング 


Save As:[AngryBot 0 pea 


where:| 四 デ スク トッ プ ーー (2 際 


Euilding Player | 


5) 確認 


Building assets for scene 2 


AngryBots 


今 図 4 : WebPlayer 向 け に ビル ド す る 
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ゲー ム に 言 ま れる シー ン に つい て 


[Build Settings] ダイ アロ グ の |Scenes in Build] の 部 分 に ゲー ム に 含ま れる シー ン が 表示 され ま 


す ( 図 5)。 


し | Scenes/3-4_Pain.unity 
民 Scenes/Escape.unity 


今 図 5 : ゲー ム に 含ま れる シー ン 


定 側 了 チエ ウタ ポッ クス と シー ン の 名 前 が あり 、 チ エッ クボ ポッ タス に チエ ッ ク タ が 入っ て いる シー ツジ 
だ けが 出力 され ます 。 右側 に シー ン の 番号 が 割り 当て られ 、 ゲ ー ム が 起動 する と 0 番 の シー ン が 最初 


に ロー ド さ れ ま す 。 
シー ン の 追加 と 削除 


シー ン を 追加 する に は 、 メニ ュー か ら [File] > [Open Scene] を 選択 し て 追加 し た い シ ー ン を 開い 
て ( 図 6①) シー ン を 選択 し 、[Open] ボタ ン を クリ ッ ク し ます ②。 そ の 後 [Add Current] ボタ ン を 


クリ ッ ク し て ③、 追加 し ます 。 
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念 図 6 : シー ン を 追加 する 
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また 、 リ スト か ら シ ー ン を 削除 する 場合 は 、 リ スト か ら 削 除 し た い シ ー ン を 選択 し て 、[Delete] キ 
ー を 押す と 削除 で きま す 。 な お WebPlayer の 設定 項目 は 表 1 の と お り で す 。 


マ 表 1 : WebPlayer の 設定 項目 
項目 説明 


Se WebPlayer で 公開 し た 時 に すべ て の デー タ を 読み 込ん で か ら 起 動 す る の で は な 
く 、 デー タ を 読み 込み な が ら 起 動 で きる 


SN RN 通常 WebPlayer で は Unity の サー バ に イン ター ネッ ト で アク セス し て 実行 する が 、 
0 Offline Deployment で は イン ター ネッ ト 接 続 が な く て も 実行 で きる 


Eble Na Suppoff WebPlayer プ ラグ イン が な い Linux OS で あっ て も 、 Chrome な どの NaCL と い 
PP う 環 境 を サポ ー ト し た ブラ ウザ で 実行 で きる 


Development Build 開発 版 と し て ビル ド す る 。 実行 時 に デバ ッ グ する 時 に 有効 で ある 
Autoconnect Profiler Pro 版 限定 機能 だ が 、 プロ ファ イラ へ 自動 的 に 接続 で きる よう に な る 
Script Debugging スク リプ ト を デバ ッ グ で きる よう に ビル ド す る 


PlayerSetting9s (プレ イヤ ー セ ッ テ ィ ング ス ) 


[Player Settings] ボタ ン を クリ ッ ク す る と ( 図 7①)、[Inspector] ビュ ー に 「PlayerSettings] が 
表示 され ます (⑧。 


な 三 刃 


今 図 7 : PlayerSettings 
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図 7 は 、 図 8 の よう に メニ ュー か ら [Edit] ①ー [Project Settings] ②ー [Player] を 選択 し て も 表示 
で きま すぐ ③。 


Undo telection PTP 
Redo 


Cut 
(Copy 
Paste 


Duplicate 
Delete 


Frame selected 
Find 
Select All 


Start Dictation.… 
Special Characters..… 
Play 

Pause 

Step 


Load Selection 
Save Selection 


| Project Settings Input 
Render Settings Tags 


NavMeshLayers 


Graphics Emulation 
Network Emulation 


Snap Settings.… Player 


Script Execution Order 


信 図 8 : メニ ュー か ら [Inspector] ビュ ー に 「PlayerSettings」 を 表示 する 手順 


の 設定 画面 で は ゲー ム を ビル ド す る に あたり 、 さ ま ざ ま な 設定 が で きま す 。 代 表 的 な 項目 は 表 2 
ee 


マ 表 2 : PlayerSettings の 設定 項目 


Cross Platform Settings 各 プ ラッ ト フ ォ ー ム 共通 の 項目 を 設定 する 
Company Name 企業 名 な ど を 入力 する 
Product Name ゲー ム の 名 称 を 入力 する 
Default lcon ゲー ム の アイ コン を 設定 する 
Per-Platform Settings プラ ッ ト フ ォ ー ム 毎 の 設定 を する 
Resolution and Presentation 解像度 や Web ブ ラウ ザ で の デザ イン や 挙動 を 設定 する 
Resolution Web 解像度 の 設定 する 
を 設定 する 
WebPlayer Template Web ブラ ウザ で 表示 する テン プレ ー ト を 変更 で きる 


L0 d ヨ LldVHO う 
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Context Menu (コン テキ スト メニ ュー) 

右側 の [Resolution and Presentation] か ら [No Conte 
xt Menu] を 選択 する と ( 図 9)、 右 クリ ッ ク し た 時 に 表示 
され る コン テキ スト メニ ュー を 非 表 示 に で きま す 。 

コン テキ スト メニ ュー で は 、 フ ルス クリ ー ン の 切り 替え 
や セー ブ デ ー タ を 保存 する キャ ヤッ シュ デー タ の 管理 メニ ュ 
ー が 表示 され ます 。 PC 向け の ゲー ム で 、 入 力 に 「 右 クリ ッ 
ク ] を 指定 する 場合 は 、 こ の テン プレ ー ト を 選択 する と よ 


© Inspector 


いで し よ ょ うっ 。 
Resolutian 
Default Screen Width* 
Default Screen Height* 
Run In Background* ' 
WebPlayer Template 
Dynamic Batching 


[Other Settings] に ある Dynamic Batching は 、 同じ マ 
テリ アル を 使っ て 作成 する ゲー ム オ ブ ジ ェクト を まとめ て 
描画 し 、 描画 処理 を 高速 化す る 機能 で す 。 デ フォ ルト で は 、 
[有効 ] に な っ て いま す ( 図 10)。 


Settings for Web Player 
Resolution and Presentatinn 


Rendering 

Rendering Path* 

Color Snace* 

Use Direct3D 11* 

Static Batching 
Dynamic Batching 


今 図 10 : Dynamic Batching 
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Static Batching 

[Other Settings] に ある Static Batching は 、Unity Pro 
版 限 定 の 機能 で す ( 図 11)。 同じ マテ リア ル を 使い 、 static 
に 指定 され て いる ゲー ム オ ブ ジ ェクト を まとめ て 描画 し 、 
描画 処理 を 高速 化す る こと が で きま す 。 


= うっ 議 ” WebPlayer 向 け に ビル ド す る に は [Build Settings] ダイ アロ グ で [Web Player] を 選択 し ます 。 
、* [Build Settings] ダイ アロ グ で は 詳細 な 設定 が 可能 で す 。 
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@ Web Player | @ Web Player 


| ey PC, Mac & Linux Standalone ey PC, Mac & Linux Standalone 


| 
| a ws 
\ が 
ーー 
UP 
| < | 
ーー し 


@. Gooqle Native Client | € Google Native Client 


1 Xbox 360 | 人 の Xbox 360 


な し 


i0S 向 け に ビル ド す る 


IOS 向 け に ビル ド す る に は Unity の iOS Basic ラ イセ ンス また は iOS Prfo ラ イセ ンス と Xcode が 必要 
で す 。 Xcode は App Store で ダウ ン ロ ー ド で きま す 。 ま た iPhone な どの 実機 で 実行 する に は iOS 
Developer Program に 登録 する 必要 が あり ます 。 こ こ で は Xcode の セッ ト ア ッ プ と iOS Developer 
Program に 登録 済み で 、 IO5 の サン プル プロ ジェ クト な ど を ビル ド し て 実機 で 確認 済み で ある こと を 
前 提 に 説明 し ます 。 


デバ ッ グ 環境 に つい て 


iOS 機 器 を USB ケ ー ブ ル で 接続 され 、 Xcode か ら 認 識 さ れ て いる こと と し ます 。 


メニ ュー が から [File] > [Build Settings] を 選択 し て 、[Build Settings] ダイ アロ グ を 開き ます 。 「Platf 
orm」 の リス ト か ら IiOS」] を 選択 し て ( 図 1①)、[Switch Platform] ボタ ン を クリ ッ ク し ます ⑫。 [As 
sets Progress] ダイ アロ グ が 表示 され 、 テ クス チャ フォ ー マ ッ ト な ど を iOS 向 け に 変更 する 処理 が 実 
行 さ れ ま す ③⑬。 
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gy Web Player < a 合 jQ5 


| が PC, Mac & Linux Standalone Symlink Unity libraries 
ーー Dev 


| Assets Progress 


Importing Assets: 


os ot 


Textures/ Effects/Reflections/CubeMaps/AmbientCube.jpg 
を Coogle Native Client 


@ Xbox 350 上 a 
グリッ ク 
[| switcn Platiorm Player settings... | | Build || muidAndRun | 


念 図 1 : iOS 向 け に 変更 する 
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プロ ジェ クト を 保存 する 
[Build And Run] ボタ ン を クリ ッ ク す る と ( 図 2①)、 プ ロジ ェクト の 保存 場所 を 入力 する ダイ アロ グ 


が 開き ます 。 こ こ で は 「AngryBotsiOS」 と 入力 し て ②⑫、 保存 先 を 指定 し ③、 [Save] ボタ ン を クリ ッ ク 
し ます ⑭。 


LAdd Current) 


FAVORITES 国 3-5 AngryBots ト 国 Assets 
細 Ubrary 
Symlink Unity libraries | ーー ニー 同 ProjectSettings 
Development Build | 
Autnconnect Profiler 
Script Debugging 


| を Google Native Client 


@ Xbox 360 


PS3 


- ーー 1] as | 
Switch Piattorm_] Peyer Settings.. ] [ud [sudan |_New Folder | 


今 図 2 : プロ ジェ クト を 保存 する 


ビル ド し た アプ リ を 確認 する 


Unity で の ビル ド が 終わ る と 、 Xcode が 起動 し て 、 Xcode 上 で ビル ド が 始ま り ま す ( 図 3①)。 ビ ルド 
が 終わ る と 接続 し て いる iOS 機 器 に 転送 され 、「AngryBots」 が 起動 し ます ⑫。 


9 iPod touch で 実行 


今 図 3 : ビル ド し た アプ リ の 確認 
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i0S 向 け の ビル ド に つい て 


Unity で IOS 向 け の ビル ド を 実行 する と 、Unity か ら 直 接 IOS 向 け ア プリ が 出力 され る の で は な く 、 
ー 旦 Xcode の プロ ジェ クト と し て ビル ド さ れ ま す 。 次 に Xcode で 出力 され た プロ ジェ クト を ビル ド 
する と 、iOS 用 の アプ リ が 出力 され る 、 と いう 流れ に な り ま す 。 


Android 向 け に ビル ド す る 


Andiroid 向け に ビル ド す る 前 の 準備 

Unity で Android 向け に ビル ド す る に は 、 Android Basic ラ イセ ンス また は 、 Android Pro ラ イセ ンス 
が 必要 で す 。 そ し て Androld ア プリ を ビル ド す る の に 必要 な Android SDK を イン スト ー ル し て お く 
必要 が あり ます 。 こ こ で は Android SDK を イン スト ー ル 済み で ある こと を 前 提 に 説明 し ます 。 ま た 、 
Android 機器 が USB ケ ー ブ ル で 接続 され 、 adb ツー ル で 認識 済み で ある こと と し ます 。 


Android SDK の イン スト ー ル ディ レ 
クト リ を エディ タ に 設定 する 
メニ ュー か ら [Unity] ( 図 4①) 一 [Preferences] 


を 選択 し て ②、[Unity Preferences] ダイ アロ グ で i rt Ln | i 
を 表示 し ます 。 左 メニ ュー か ら 「External Too PreferehCeS. E ーー 


[Android SDK Location] の 右 に ある [Browse] 本 Manage License... | 赤 
ボタ ン を クリ ッ ク し て ④、Android SDK を イン 
スト ー ル し た フォ ル ダ を 指定 し ます ⑤⑯⑥。 


《) クリ ッ ク 


4 クリ ッ ク 


android-ndk 
本 android-SdK-macoSX 
~ dot_profile_android 


samples 
SDK Readme.txt 


念 図 4 : ビル ド し た アプ リ の 確認 


人 「Android」 を プラ ッ ト フ ォ ー ム に 指定 する 


念 図 5 : 「Android」 を プラ ッ ト フ ォ ー ム に 指定 する 


ます ぐ ⑤。 


メニ ュー か ら [File] ( 図 5①) 一 [Build Settings] を 選択 し て ②、[Build Settings] ダイ アロ グ を 開き 
ます 。 |「Platform」 で 「Android」 を 選択 し て ③、 [Switch Platform] ボタ ン を クリ ッ ク し ます ⑭。 


Android 向け に ビル ド す る 
[Build And Run] ボタ ン を クリ ッ ク す る と ( 図 6 oy rc hac na saniaone 
①)、[Build Android] ダイ アロ グ が 開く の で 、 os 

apk フ ァイル を 保存 する フォ ル ダ を 選択 し ます he 
②。apk フ ァイル の 名 前 を 「AngryBotsAndroid] 風 証 ese 
と 入力 し て ③、[Save] ボタ ン を クリ ッ ク し ます A 
④。 ビ ルド が 終わ る と apk フ ァイル が 作成 され 
Android 機器 


CHAPTER01 Unity を 使っ た スマ ー ト フォ ン ゲ ー ム アプ リ 開 発 環境 の 準備 
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Open Scene... 


Save Scene 


Save Scene as... 


New Project... 


Open Project... 
Save Project 


し Google Native Cllent 


に 転送 され て AngryBots が 起動 し 


| る | と | ga 三 | 加 | 咽 | 一 式 / || 4-0_AngryBots 


FAVORITES 3-5_AngryBots と 国 AngryBotsios 
] 4-0_AngryBots 還 Assets 
DEVICES Uibrary 
ProjectSettings 


| NewFolder | 


っ) 


| 還 丘 Ne る Android 端 末 で 実行 中 


人 2 が 。 


プン 


念 図 6 : Android 向け に ビル ド す る 
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drs OD NO 


Unity か ら 直 接 apk フ ァイル を 出力 する 講義 2 


Android で は Unity か ら 直 接 apk ファ イル を 出力 する こと が で きま す 。 こ こ で は 、 [Build Settings] 
ダイ アロ グ に つい て 解説 し ます 。 


Texture Compression 
テク スチ ャ の 圧縮 方 式 を 設定 で きま す 。 Android 端末 は さま ざま な グラ フィ ックス チッ プ が 搭載 さ 
れ ま す 。 Texture Compression で 、 特 定 の グラ フィ クス チッ プ に 適し た 形式 に する こと が で きま す 。 


ほとん どの 端末 に 対応 で きる 「Dont Override」 か 「ETC1 or RGBA16 (GLES2.0)」 を 選択 する と よい 
で し よう 。 


・Unity で は 、iOS お よび Android 向け に ビル ド で きま す 。 
* Android 向け で は apk ファ イル を 作成 で きま す 。 


ロ = 
ECC 


ーーーーーー --ー 


[File] メニ ュー か ら [New Project] を 選択 し て 、 


%D 入力 


新規 に ILESSON07] と いう プロ ジェ クト を 作 
成 し ま す ( 図 1①⑧)。 


/Use rs/rmasaki /Desktop/ LESSON 07 


Import the following packages: 


| | Character Controller.unityPackage 

| |」 Light Cookies.unityPackage 

| 」Light Flares-unityPackage 

| | Particles.unityPackage 

| | Physic Materials.unityPackage 

| | Projectors.unityPackaqge 

| | Scripts.unityPackage 

| | Skyboxes.unityPackage 

| | Standard Assets (Mobile).unityPackage 
| | Terrain Assets-unityPackage 


(leeks Flee NTA NN nse tn em 


@ クリ ッ ク 


今 図 1 : 新規 プロ ジェ クト を 作成 する 


cHAPTER02 Unity の コン ポー ネン ト を 使い こなす 


Cube を 作成 する 
次 に Cube を 作成 し ます ( 図 2①⑧)。 |Position] は 「0. 0, 0] と し ます ③。 


| Particle System 尽 王 境 還 上 
Camera 


GUI Text 
GUI Texture 
3D Text 


Directional Light 
Point Light 
Spotlight 

Area Light 


全 図 2 : 新規 プロ ジェ クト を 作成 する 


[Inspector] ビュ ー を 確認 する 
[Hierarchy] ビュ ー で [Cube」 を 選択 し て 、 [Ins 
pector] ビュ ー を 確認 し ます 。 ゲ ー ム オブ ジェ 
クト 中 に 複数 の コン ポー ネン ト が 追加 され て い 
る こと が わか り ま す ( 図 3①)。 一 番 上 の 「Cube」 
② や 「Tag] ③、「Layer」 ④ な どの 項目 が ある 部 
分 が ゲー ム オ ブ ジ ェクト を 表し て いま す 。 そ の 
下 に Transform コ ン ポ ー ネ ン ト が あり ます ぐ ⑤。 
Transform コン ポー ネン ト は すべ て の ゲー ム オ 
ブ ジ ェクト に 追加 され て いま す の で この 2 つ は 
セッ ト と 考え ます 。 

その 下 に 「Mesh Filter」 ⑥、|IBox Collider」 ⑦、 
[Mesh Renderer」 ⑧) と いう コン ポー ネン ト が 
それ ぞ れ 追加 され て いま す 。 


《) Mesh Renderer 
《2 Box Collider 
(6 Mesh Filter 
9 Transform コン ポー ネン ト 


今 図 3 : 新規 プロ ジェ クト を 作成 する 
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空 の ゲー ム オ ブ ジ ェクト を 作成 する 
1 ) メニ ュー か ら [GameObject] ( 図 4①) ー [Crea 
te Empty」 を 選択 し ます ②。 す る と 、 空 の ゲー 
ム オ ブ ジ ェクト が で きま す 。 文字 通り 、 ゲ ー ム 
オブ ジェ クト と Transform コ ン ポ ー ネ ン ト の み 
で す ③。 こ れ に コン ポー ネン ト を 追加 し て 、 
[Cube」 と 同じ 構成 に し て み ま し よ ょ う 。 


「Mesh Filterl コン ポー ネン ト を 追加 
する 


名 前 を 「MyCube」 に 変更 し て ( 図 5①)、 TPositi 
oh] を 「2, 0, 0] と し ます ②。 [Inspector] ビュ 
ー で [Add Component] ボタ ン を クリ ッ ク し ま 
す ③。 [Mesh] ④ー [Mesh Filter] ⑤ を 選択 する 
と 「Mesh Filterl コン ポー ネン ト が 追加 ご れ ま 
す 。 


Mesh Filter コン ポー ネン ト 
メッ シュ 情報 を 保有 する コン ポー ネン ト で す 。 


メッ シュ 


メッ シュ と は 3D モ デル の 頂点 情報 の こと で す 。 
Unity に デフ ォ ル ト で プリ セッ ト さ れ て いる Cube 
(立方 体 ) の メッ シュ 情報 を セッ ト し ます 。 


ーー 
に = ヨ 


念 図 5 : 空 の ゲー ム オ ブ ジ ェクト を 追加 する 


Hit Assets CameObject Component 
Create Empty 
reate | 


Center On Children 


Make Parent 

Clear Parent 

Apply Changes To Prefab 
Break Prefab Instance 


Move To View て TEF 


ma 人 Er = ss PT 


[Inspector] ビュ ー の 「Mesh Filterl コン ポー 
ネン ト の Mesh の 項目 は INone] に な っ て いま 
す 。 右側 の [ 〇 ] を クリ ッ ク す る と ( 図 6①)、 メ 
ッシュ デー タ を 選択 する ダイ アロ グ が 開き ます 
の で 「None」 か ら [Cube」 に 変更 し ます ⑫。 


Cube (立方 体 ) の メッ シュ を セッ ト し た だ け で 
は 何 も 表 示 で きま せん 。 メ ッシュ を 実際 に 描画 
する 「Mesh Rendererl コン ポー ネン ト を 追加 
し ます 。 

[Inspector] ビ ピュー か ら [Add Componentl ボ 
タン を クリ ッ ク し て ( 図 7①) [Mesh] っ 
[Mesh Renderer] ③ を 選択 する と 、「Mesh Re 
nderer| コン ポー ネン ト が 追加 れ ま す ④。 す 
る と 、 手 順 6 で 選択 し た Cube の メッ シュ デー タ 
を 描画 する こと が で きま す 。 

し か し 色 が ピン ク と な っ て いて 、 デ フォ ルト の 
も の と 異な り ま す ⑤。 こ れ は 「MeshRenderer」 
コン ポー ネン ト に マテ リア ル が 設定 され て いな 
いい が か がら で す 。 マ デリ アル は ほ 3 リ アプ リケーション 
で は 質感 な ど と 表現 され ます が 、 ス クリ ー ン に 
何 か を 描画 する と き の 絵 筆 や パレ ッ ト の よう な 
も の と いえ ます 。 マ テリ アル が 設定 され て いな 
いと Unity で は と りあ え ず この よう に マゼンタ 
色 に 描画 する よう に な っ て いま す 。 


Inspector 


念 図 7 : メッ シュ デー タ の 選択 
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マテ リア ル を 設定 する ャ 思 nh Renderer 
[Mesh Renderer] コン ポー ネン ト の 中 の Mater 
ials の [] を クリ ッ ク し て 展開 し ます ( 図 8①)。 
「Size 1、 Element 0 None] と な っ て いる 右側 
の [©⑤] を クリ ッ ク し て ②、[Select Materiall ダ 
イア ログ を 開き ます 。 次 に 、 Unity に デフ ォ ル ト 
で 組み 込ま れ て いる 「Default-Diffuse」 を 選択 
し ます ③。 こ れ で よう や く 最 初 に 作成 し た 
Cube と 見 た 目 が 同じ に な り ま す ⑭④。 


今 図 8 : マデ テリ アル の 設定 


ン ポ ボ ポー ネン ト に つい て 


Unity の ゲー ム は 1 つ 以 上 の シー ン で 構成 され 、 シー ン に は カメ ラ 、 ライ ト 、 3D モ デル 、 サウ ンド な 
ど を 持ち 、 これ ら は すべ て ゲー ム オ ブ ジ ェクト と いう 単位 で 扱わ れ て いま す 。 

[Hierarchy」 ビュ ー に は 、 シ ー ン に 存在 する ゲー ム オ ブ ジ ェクト が 階層 構造 で 表示 され て いま す 
( 図 9)。 

コン ポー ネン ト は ゲー ム を 作成 する の に 必要 な 機能 を 持っ た 部 品 の こと で 、 カ メラ 、 ラ イト 、3D モ 
デル の 表示 や 衝突 判定 な ど は すべ て コン ポー ネン ト と し て 用 意 さ れ て いま す 。 ま た 、 す べ て の ゲー ム 
オブ ジェ クト に は 必ず 「Transform] コン ポー ネン ト が 追加 ご され て いま す 。 

実習 で は メニ ュー か ら 作 成す る Cube の コン ポー ネン ト を 確認 し て 、 空 の ゲー ム オ ブ ジ ェクト に コ 
ン ポ ー ネ ン ト を 追加 する こと で 、 ゲー ム オ ブ ジ ェクト と コン ポー ネン ト の 関係 を 解説 し まし た 。 

どの よう な コン ポー ネン ト が ある の か を 表 に まとめ まし た の で 参考 に し て くだ さい ( 表 1)。 


cHAPTER02 Unity の コン ポー ネン ト を 使い こなす 


G 6 8 Untitled - LESSON07 - PC, Mac & Linux Standalone 


- 三 Hierarchy = 
| creaee-| (SA ) 


PO [stati 
Tag LUntagged  #| Layer |Dsfault ™ 
に 


と 0 YILdVHD 


が テム オフ ジェ クタ ト 


Eleme nt 0 - 1 
Use Light Probes Lj 
Add Component 


コン ポー ネン ト 


This folder is empty 


る 図 9 : ゲー ム オ ブ ジ ェクト と コン ポー ネン ト 


マ 表 1 : Unity の コン ポー ネン ト の 例 


le ボー ネジ リド 内 容 


Mesh Filter メッ シュ 情報 を 保持 する 

Text Filter 3D テ キス ト の 文字 列 や フォ ント 情報 を 保持 する 

Mesh Renderer メッ シュ 情報 を 描画 する 

Particle System パー ティ クル 機能 

Trail Renderer 移動 する ゲー ム オ ブ ジ ェクト の 軌跡 を 描画 する 

Line Renderer 2 点 以上 の ポイ ント の 間 に 帯 状 の オブ ジェ クト を 描画 する 
Lens Flare レン ズ フ レア 効果 機能 

Halo 円 形 の 光 を 描画 する 

Projector 影 を 描画 する 


RigidBody ゲー ム オ ブ ジ ェクト に 物理 的 な 動作 を させ る 


(| 
ム 
オ 
ヴ 
ンジ 
EE 
ク 
ト 
と 
ゴ 
ン 
ボ 
ネ 
ン 
ト 


削除 / コ ピー ペース ト 

天 習 で 人 ほ ゲ ー ム オブ ジェ タ ト に コン ポー ネッ 
ト を 追加 し まし た が 、IInspector] ビュ ー の 
[Mesh Renderer] の 右上 の 較 を クリ ッ ク す る a J | | 
と コン ポー ネン ト の 削除 や コピ ー、 ペー スト を 上 隔 生 0 
する た め の メ ニュ ー が 表示 され ます ( 表 2)。 コン テグ スト メニ ュー 


ye コ 
回 | 


Reset 


Rermgwe Component 
Mowe Up 

Mowe Down 

Copy Component 

Paste Component As New 
Paste Component Values 
Select Material 


人 る 図 10 : コン ポー ネン ト の コン テク スト メニ ュー 


マ 表 2 : コン ポー ネン ト の コン テク スト メニ ュー の 項目 


項目 内 容 
Reset コン ポー ネン ト の 値 を 初期 化す る 
HOWeGDDDNNeHt コ ン ポ ー ネ ン ト を ゲー ム オ ブ ジ ェクト か ら 削 除 する 。 Transform コン ボー ネン 
' ト は 削除 で き な い 
Move Up/Move Down [Inspector] ビュ ー で の 表示 順位 を 上 下 に 移動 する 
Copy Component コン ポー ネン ト を 値 も 含め て クリ ッ プ ボー ド に コピ ー す る 
paste Component AE NeW KA で コピ ー し だ コン ポー ネン シト を 別 の ゲー ム オ ブフ ジェ ク 


Copy Component で コピ ー し た コン ポー ネン ト の 値 を 別 の ゲー ム オ ブ ジ ェ 


Paste Component Values クト の 同一 コン ポー ネン ト に ペー スト する 


『 補 革 国 "ゲー ム オブ ジェ クト は 、 複 数 の コン ポー ネン ト を 階層 構造 に する こと が で きま す 。 
・ Unity に は さま ざま な コン ポー ネン ト が あり ます 。 


| | NewBehaviourscriptcs x | 


SS NewBehaviourScript> 民 Update 0 
1 に | using UnityEngine; 
2 | | using System.Collecttons: 
3 


public class NewBehavtaurScript : MonoBehavtour † 


ア / Use this for initialization 
woid Start () {1 


} 


// Update is called once per frame 
woid Update CO { 
this.transform.Rotate(@, 99 * Time.deltaTime, 9):| 


= ダッ 


SAMPLE LESSON08 before 全 。 list8-1, 2.txt 
a る 男 > 2 


スク リプ ト を 作成 する 


@ Unity に は さま ざま な 機能 を 持っ た コン ポー ネン ト が あり ます が 、 そ れ だ け で は ゲー ム を 作成 する こ 
と は で きま せん 。 キ ー ボ ー ド や マウ ス の 入力 に 合わ せ て 、 ゲ ー ム オブ ジェ クト を 移動 する 、 ゲ ー ム オ 
ー バ ー の 判断 を する 、 スコ ア を 管理 する な ど 、 実に いろ いろ な 処理 に スク リプ ト を 利用 し ます 。 
Unity で は JavaScript、C#、Boo と いう 3 つの 言語 で スク リプ ト を 記述 で きま す が 、 本 書 で は C# を 利 
用 し て 、 解説 を 行い ます 。 作成 し た スク リプ ト は 、 コン ポー ネン ト と し て 利用 で きま す 。 


Boo 


Boo は オブ ジェ クト 指向 の プロ グラ 
て いま す 。 


を プロ ジェ クト を 作成 し て Cube を 作成 下 ae 
する 


メニ ュー か ら [File] > [New Projectl を 選択 し 
て 、 新 し く [LESSON08] と いう プロ ジェ クト を 
作成 し ます ( 図 1①⑧)。 「Cube」 を 1 つづ 作成 し て 
③、[Inspector] ビュ ー の 「Position」 を 「0, 0, 0] 
と し ます ④。 Directional Light を 1 つ シ ー ン に @ クリ ッ ク 
追加 し て お きま す 。 


80 NOSS ヨ 1 


OleH 有 H 誠 言い 


MonoDevelop を 起動 する [car = D2 > EE 
\ w = で Folder Assets WI 
[Projectl ビュ ー で 、[Create] ( 図 2①) っ [C# md 


dvaSsCrint 


Script] ⑫② を 選択 し ます 。 初期 状態 で は 「NewBe Ce Serint @ 選択 
tee と いう 名 前 と な っ て いま す ③。 

こ で は 「Rotation」 と いう 名 前 に 変更 し ます 
e。 作成 し た 「Rotation] を ダブ ルク リッ ク し て 、 
スク リプ ト エ ディ タ を 開き ます ⑤。 標準 で は 、 
MonoDevelop が 起動 し ます 。 エ ディタ 内 に は 、 
リス ト 1 の 内 容 が 記述 べ され て いま す 。 


= Lsing UnityEngine; 
using System,.Collections; 


| public class Rotaion : MonoBehaviour t 


// Use this for initialization 
void Start () {1 


+ 


s/f Update is called once per frame 
void Update () { 


]} 


} 


今 図 2 : MonoDevelop の 起動 
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cHAPTER02 Unity の コン ポー ネン ト を 使い こなす 


マリ スト 1 : MonoDevelop の 初期 状態 の 記述 内 容 
001 | using UnityEngine; 
002 | using System.Collections; 


003 

004 public class Rotation : MonoBehaviour { 
005 

006 // Use this for initialization 

007 VGCG Start 《) { 

008 

009 } 

010 

011 // Update is called once per frame 
012 Vo1d Update () { 

013 

014 } 

015 | } 


Mac 版 Unity の MonoDevelop に つい て 


Unity に は 、 MonoDevelop と Unitron と いう スク リプ ト エ ディ タ が 付属 し て いま す 。 

本 書 で は MonoDevelop を 使っ て 説明 し ます が 、 MonoDevelop で は 日 本 語 を 入力 する こと が で 
きま せん 。 た だ し 、 クリ ッ プ ボー ド か ら コ ピー& ペ ー ス ト は 可能 で す 。 

どう し て も コメ ント や 文字 列 を 日 本 語 で 入力 し た い 場 合 は 、 Unitron に 切り 替え る こと が で きま 
す 。 メ ニュ ー か ら [Unity] ( 図 3①) 一 [Preferences] を 選択 し て ②、[Unity Preferences] ダイ 
アロ グ を 開き ます 。 [External-Tools] ③ の [External Script Editor] の ドロ ッ プ ダウ ン リ スト か 
ら [Browse] を 選択 し て 、 ア プリ ケー ショ ン と し て 「/Unity/Unitron.app」 を 選択 し ます ④⑭。 


半 Scans 
Unity Preferen OO.@ Browse for = pplication 


External Too 


Ceneral | EXti 
| と ve 


FAVORITES 
叶 マイ ファ イル 


| » 国 Documentation 
= FW Docurmertation.html 
Hide Unity ge 1 A アブ リケーション (時 MonoDevelop.app 
Hide Others こ AS oo| | » 還 LStandard Packages 
Show Al » ; 1 Tt Unitron.app 

2 6 = JUnity Bug Reporter,app 今日 17:03 
Quit 2 so っ ee | 3 Unity.app 今日 17:03 

i 


周 se2549 


= Hierarchy LCance! 」 | open | 
Create ~ 


人 図 3 : スク リプ ト エ ディ タ を 切り 替え る 


スク リプ ブ ト が 正しく 動作 し な い 場 合 


INewBehaviourScript] と いう 名 前 の まま で 確定 し て し まい 、 Script の ファ イル 名 と class 名 が 
異な る 場合 、 ス クリ プ ト は 正しく 動作 し ませ ん 。 そ の 場合 、 


public class NewBehaviourScript : MonoBehaviour { 


と な っ て いる 部 分 を 


public class Rotation : MonoBehaviour { 


に 変更 し て くだ さい 。 


と 0 d ヨ 1LdVHO 
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スク リプ ト を 編集 する 
次 に スク リプ ト を リス ト 2 の よう に 編集 し て 、 メ ニュ ー か ら [ファ イル ] 一 [保存 ] を 選択 し て 保存 し 
ます 。 


マリ スト 2 : スク リプ ト の 編集 
001 | using UnityEngine; 


80 NOSS1 


002 using System.Collections; 


ス 003 
004 | public class Rotation : MonoBehaviour { 
プ 005 
ト 006 public Veotor3 angle; 
を 007 
008 // Use this for initialization 
す 009 OBG Start 0 { 
る 010 
011 } 
012 
013 // Update is called once per frame 
014 void Update () { 
015 transform.Rotate(angle * Time.deltaTime) ; 
016 } 
O01 時 
動作 を 確認 する 


Unity の エディ タ で 、「Rotation」 を 選択 し て 、 
[Hierarchy] ビ ピュー の [Cube] まで ドラ ッ グ & 
ドロ ッ プ し ます ①。 「Cube」 を 選択 し て 、[Inspe 
ctor] ヒュ ー を 見 る と 、 玩 ほど 追加 し た スク リブ の ドー シー シシ ーー 
ト が あり 、「Angle」 と いう パラ メー タ を 確認 で ーAses 上 還 i 
きま す 。 「Angle」 の Y に 「30」 ④ と 入力 し て 「 


PF ET 人 WN 


[Play] ボタ ン を クリ ッ ク し て 動作 を 確認 し ます 0 ドラ ッ グ S ド ロッ プ 訓 | 
③。 Cube が ゆっ くり 回 転 し て いる こと が わか り EE 
ます ④。 


Play の 最 中 に [Inspector] ビュ ー の 「Angle」 の 
Y の 部 分 に マウ スカ ー ソ ル を 重ね て 、 左右 に ドラ 
ッ グ し て みて くだ さい 。 [Game] ビュ ー で 動作 
させ な が ら 、 Cube の 回 転 速 度 が 変え られ る こと 
が わか り ま す 。 [Play] ボタ ン を も う 一 度 ク リッ 
ク す る と 、[Game] ビュ ー は 停止 し 、 さき ほど ド 
ラッ グ し て 値 を 変え た 「Cubel」 の 「Angle] の Y 
の 数 値 が 130] に 戻り ます 。 


今 図 4 : 動作 の 確認 
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cHAPTER02 Unity の コン ポー ネン ト を 使い こなす 


Unity で 利用 で きる 言語 に つい て 


Unity で は JavaScript、 C#、 Boo の 3 つの 言語 で スク リプ ト を 記述 する こと が で きま す 。 こ の 3 つの 
どの 言語 で スク リプ ト を 作成 し て も 、 Unity の 中 間 言 語 に コン パイ ル さ れ 、 同じ 速度 で 実行 され ます 。 

作成 され た スク リプ ト は シー ン の 中 の ゲー ム オ ブ ジ ェクト に 追加 する こと に よっ て は じ め て 実行 さ 
れ ま す 。 


の 
= に 
うっ 
で 
ーー 
『T1 
つ 
=) 
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MonoBehaviour ク ラス 

Unity で コン ポー ネン ト を 作成 する た め に MonoBehaviour ク ラス か ら 派 生 し た クラ ス を 作成 し ま 
す 。 この 時 Unity で は 、 ス クリ プ ト 名 と クラ ス 名 を 一 致 さ せる 必要 が あり ます 。 

MonoBehaviour ク ラス は 、 ゲ ー ム オブ ジェ クト に 対す る 共通 の 処理 が すでに 定義 され て いて 、 オ 
ー バ ー ラ イド 関数 に 処理 を 記述 する こと で ゲー ム オ ブ ジ ェクト の 振舞 い を 定義 むす る こと が で きま す 。 
どの よう な 処理 や 機能 が 定義 され て いる の か Unity に 付属 し て いる リフ ァ レ ンス を 見 て 確認 し て くだ 
さい (リフ ァ レ ンス の 確認 方 法 は 、 次 ペー ジ の 「 メ モ 」 で 紹介 し て いま す )。 MonoBehaviour の ペー ジ 
か ら は 、 メン バ 変 数 や 関数 や オー バー ライ ド 関 数 が 定義 ご され て いる の が わか り ま す 。 

で は 、 実習 で 作成 し た [Rotation] の スク リプ ト を 見 て み ま し ょ う 。 


Vector3 ク ラス 

リス ト 2 の 6 行 目 で 、 Vector3 型 の angle: と いう メン 人 バ 変 数 を 宣言 し て いま す 。 Vector3 クラ ス は 、 
Unity で と て も よく 使わ れる クラ ス で す 。 x、 y、z の 値 を 持ち 、 3D 空 間 で の 位置 、3 次元 ベ クト ル 、x、y、 
z 軸 の 角度 な ど を 表す 用 途 に 頻繁 に 利用 され て いま す 。 こ こ で は x、 y、 z 軸 の 角度 を 表す 変数 と し て 使 


いま す 。 
006 | public Vector3 angle; 
アク セス 修飾 子 


変数 angle の アク セス 修飾 子 は 、「public] で 宣言 され て いま す 。 Unity で は 、public と し て 宣言 さ 
れ た メン 人 バ 変数 は 、 ス クリ プ ト が 追加 ご れ た ゲー ム オ ブ ジ ェクト の [Inspector] ビュ ー 上 で 値 を 変更 
で きま す 。 

実習 で 「Rotation] スク リプ ト の Angle の 値 を 変更 し て 、 Cube の 回 転 速度 を 変更 で きた よう に 、 プ 
レイ ヤー や 敵 キ ャ ラ の 移動 ス ビ ピード 、 ラ イフ な ご ど ゲー ム を 仕上 げ る た め に 変更 する 必要 が ある 部 分 
を 、public 変 数 と し て 宣言 する こと に より 、 ス クリ プ ト を 修正 する こと な く 、 パ ラメ ー タ の 調整 を す 
る こと が で きま す 。 


オー バー ライ ド 関 数 

次 に 、 Start() と Update() と いう オー バー ライ ド 関 数 が あり ます 。 ス クリ プ ト リ ファ レン ス で も 確認 
で きま す が 、 Unity で は 、 さ ま ざ ま な 条件 や タイ ミン グ で オー バー ライ トド 関数 が 呼び 出さ れ ま す 。 
Start() や Update()、 この 2 つの オー バー ライ ド 関 数 の 説明 は 表 1 の と お り で す 。 


008 // Use this for nit1a1ization 


中 009 void Start () { 

8 010 

011 

の 012 
013 // Update is called once per frame 
014 void Update () { 


マ 表 1 : オー バー ライ ド 関 数 


スク リプ ト が 起動 され て Update() が 呼び 出さ れる 直前 に 一 度 だ け 呼 び 出さ れる 。 初 

期 化 な どの 処理 を ここ に 記述 する 

毎 フ レー ム 実 行 さ れる 。 ほとん どの ゲー ム プ ログ ラム で は 、 更 新 処 理 、 画 面 描画 を 繰 

Update() り 返 し 実行 し て 進行 する ルー プ 処 理 を 行っ て いる が 、 こ の 更新 処理 の 中 で 、 キ ー 入 力 
か ら プ レイ ヤー や 敵 キ ャ ラク ター を 移動 し た りす る 処理 を 記述 し て いる 


Start() 


eulH 誠 本 テニ 


リフ ァ レ ンス の 確認 方 法 

Unity を イン スト ー ル し た 「Documentation] フォ ル ダ に welcome.html が あり ます 。 そ れ を ブラ ウザ で 
開き ま す ①。 ペ ー ジ を 開い た ら 、 Scripting Reference」 の リン ク を 開き ②、 ス クリ プ ト の リフ ァ レ ンス ペー ジ 
を 開き ます 。 左上 の 検索 ボッ クス に 「MonoBehaviour」 ③ と 入力 し て 検索 し ます 。 

検索 結果 か ら 「MonoBehaviourl を クリ ッ ク し て 、 MonoBehaviour の ペー ジ を 開き ます ④。 す る と メン バ 
変数 や 関数 や オー バー ライ ド 関 数 が 定義 され て いる の が わか り ま す 。 
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Scripting Overview Overview Inherits from Behaviour 
Runtime Classes 


Overvlew Aibutes 
Runtime Classes This is a short overview of how scl Enumerations 
Aitiributes Editor Classes 


Enumerations Aittributes 
Editor Classes Scripting inside Unity consists of a Enumerations 
Attributes following: History Note: The checkbox for disabling a MonoBehavior (on the editor) will only prevent Start(), Awake(), Updatetl), F 
nilmerafinn IndeX checkbox is not displayed, 


Scripting FH8fBrenoe 


MonoBehaviQur is he base class every script derives Trom, 


Using Javascript every Script automatically derives from MonoBehayiour. When using C# or Boo you have to g 


Runtime Classes 
AccelerationEvent See Also: The chapter on scripting In the manual. 
ActionScript 

AndroidInput Variables 


AndroidJNI = = 
useGUILayout Disabling this BtS you skip the GUIIa tphase, 
AndroidJNIHelper 9 you skip youtp 


AndroidJavaClass 


人 る 図 5 : リフ ァ レ ンス 
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cHAPTER02 Unity の コン ポー ネン ト を 使い こなす 


他 に も 代表 的 な オー バー ライ ド 関 数 を 表 2 に 挙げ て お きま す 。 


の 

マ 表 2 : 代表 的 な オー バー ライ ド 関 数 : 

オー バー ライ ド 関 数 5 

LateUpdate() すべ て の Update() が 実 1 され た 後に 呼び 出さ れる 。 カメ ラ の 制御 な ど に 使わ れる 2 
_Awake() _ スク リプ ト が 起動 され た 直後 に 呼び 出さ れる 。 初期 化 処 理 を 行う 請 還 還 記 


OnGUI() ボタ ン や テキ スト な どの GUI を 画面 に 描画 する 処理 を 記述 する 


スク リブ ト を 最初 に ゲー ム オ ブ ジェ クト に 追加 され た 時 、 また は [Inspector] ビュ ー 
、 の コン テキ スト メニ ュー か ら [Reset] を 選択 し た 場合 に 実行 され る 処理 を 記述 する 


Reset() 


Rotation ス クリ プ ト の Update 関数 

Rotatton ス クリ プ ト の Update 関 数 を 見 て ゆき ます 。 

Unity は ゲー ム が 開始 され る と 、 この Update 関 数 を 高速 に 繰り 返し 呼び 出し 続け ます の で 、 少し ず 
つ 回 転 する 処理 を 記述 する こと に より 、 Cube が 回 転 し て いる よう に 見 える の で す 。 

具体 的 に Cube を 回 転 さ せ て いる 処理 を 見 て ゆき まし ょ う 。 

transform.Rotate(.…) の transform は 、 Rotation ス クリ プ ト が 追加 され た ゲー ム オ ブ ジ ェクト の 
Transform コン ポー ネン ト の こと を 指し て いて 、 Rotate() は ゲー ム オ ブ ジ ェクト を 回 転 さ せる 関数 で 
す 。 Transform コン ポー ネン ト は 移動 、 回 転 、 伸縮 の 機能 を 持っ つて いま す 。 

引数 の 「angle * Time.deltaTime」 は x、 y、z 軸 の 回 転 角度 を 与え て いま す 。 

Time.deltaTime は 前 回 の Update 関数 が 呼び 出さ れ て か ら の 時 間 で 単位 は 秒 で す 。 Unity で 作成 し 
た ゲー ム は 高速 な CPU を 搭載 し た パソ コン や それ に 比べ て 処理 能力 の 低い スマ ー ト フォ ン ま で 、 さま 
ざま な デバ イス で 実行 され ます の で 、Update 関数 は ゲー ム を 実行 する 環境 に よっ て 呼び 出さ れる ペ 
ー ス が 違っ て きま す 。 

Time.deltaTime を か け 合 わせ な いと 高速 な パソ コン で は 早く 、 ス マー ト フ ォ ン で は ゆっ くり と 回 転 
し て し まい ます 。 Update 関 数 で 、 ご どの よう な 環境 で も 同じ スピ ー ド で 動作 させ る 処理 を 記述 する 時 、 
この よう に 1 秒 あ た り の 移動 量 に 、| Time.deltalime] を か け 合 わせ た 値 を 指定 する こと が 一 般 的 で 
さ 。 


他 の コン ポー ネン ト へ の アク セス 

ゲー ム オ ブ ジ ェクト に は さま ざま な コン ポー ネン ト が 追加 れ て いて 、 ス クリ プ ト か ら コ ン ポ ー ネ 
ント の 機能 を 利用 する こと が で きま す 。 な か で も 頻繁 に 利用 され る コン ポー ネン ト は 、MonoBehavi 
our ク ラス の メン バ 変 数 と し て あら か じ め ア クセ ス で きる よう に な っ て いま す 。 

これ ら の メン バ 変 数 に は 、 ス クリ プ ト が 起動 し た 時 に ゲー ム オ ブ ジ ェクト に 追加 れ て いる も の だ 
け ア クセ ス す る こと が で き 、 追 加 さ れ て いな い 場 合 は 、「nulll に な り ま す 。 そ の 一 部 を 表 3 に まとめ 
まし た 。 参 考 に し て くだ さい 
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マ 表 3 : MonoBehaviour ク ラス の メン バ 変 数 


transform Transform コン ボー ネン ト に アク セス する 

_ スクリプト が 追加 され て いる ゲー ム オ ブ ジ ェクト その も の に アク セ 
9 ス す る 

collider 衝突 判定 を する Collider コン ポー ネン ト に アク セス する 
rigidbody 、 物 理学 動 を 制御 する Rigidbody コン ポー ネン ト に アク セス する 


JameObject 


・Unity の スク リプ ト は MonoBehaviour ク ラス の 派生 クラ ス と し て 作成 され ます 。 


| ・ ス クリ プ ト の public な メン 人 バ 変数 は エディ タ の イン スペ クタ か ら 変 更 で きま す 。 


CN.9.G Untitled - 3DShooting - PC。 Mac & Linux Standalone 


um [users | 


= Hierarc 
1 


・ 剛 
© inspector 
ti on Flay _ Sats Cirmos * ES EarthMap Import Sctings 


512x512 


| LESSON09 py 2 Ml before > 2 arthMap.tiff、BgSpace.tiff 


名 前 を ILESSON09] と し て 新規 プロ ジェ クト 
を 作成 し ます 。 [Hierarchy] ビュ ー で [Create] 
ー [Sphere] を 選択 し て ( 図 1①②)、 シー ン に 球 
体 を 作り ます 。 [Inspector] ビュ ー で 名 前 を Capsule 
「Earth] に 設定 し ます ③。 Transform の Position a 
を [0, 0, 0] ④⑭、Rotation を [0, 23.4, 0] ⑮、 


i 9 Inspector | 本 

Scale を 「160, 160, 160] ⑥ に 設定 し ます 。 gm トー — GY sec< 
で Tag | Untagged * | Layer | Default 。  #*| 

TA Transform | 傘 。 


Fosition 


図 1: 新規 プロ ジェ クト の 作成 


メイ ンカ メラ を 移動 する 

作成 し た Earth が [Scene] ビュ ー に 表示 され な 
い 場 合 は [Hierarchy] ビュ ー で 「Earth] を ダブ 
ルク リッ ク し て [Scene] ビュ ー を 移動 し ます 。 
[Scene] ビュ ー で は Earth は 見 えて いて も 、 
[Game] ビュ ー で は 見 えて いな いか も し れ ま せ 
ん 。 メ イン カメ ラ を 移動 し ます 。 [Hierarchy] ビ 
ュー で [Main Camera] を 選択 し て ( 図 2①)、 
[Inspector] ビュ ー で Transform の Position を 
[0, 50, -130] ②、 Rotation を 「0, 0, 0] ③ に 設 
定 し ます 。 す る と 、[Game] ビュ ー の 中 心から 
少し 下 に 球体 が 表示 され る よう に な り ま す ⑭。 


テク スチ ャ を 指定 する 

た だ の 球体 で は 地球 に は 見 えな い の で テク スチ 
ャ を 指定 し ます 。 メ ニュ ー か ら [Assets] 一 [ 
Import New Asset] を 選択 し ます ( 図 3①②⑧)。 
[before] フォ ル ダ の EarthMap.tiff を 選択 し て 
③、[Importl ボタ ン を クリ ッ ク し ます ⑭。 
[Project] ビ ピュー に テク スチ ャ が イン ポー ト さ れ 
ます 。 


EarthMap.tiff に つい て 


EarthMap.tiff は NASA の サイ ト で 提 
供 さ れ て いる も の で す 。 


cHAPTER03 3D り シュ ー テ ィング ゲー ム を 作る 


= Hierarchy 朱 scene 
Create *| (eral 。 ) | | Textured を | | Rd 
Main Camera | 選択 


QQ Inspector = 
Main Camera 。 ロロ Static マ 
Tag | MainCamera +| Layer [Default も を | 
WF 5 Transform = 
Position_ 


念 図 2 : メイ ンカ メラ の 移動 


Create 

Reveal in Finder 
Open 

Delete 


Import New Asset... 


| Import Package 


You can also import files by dragging them from the Fimder into the Prolect view 
or manually copying them to the asset folder- 


| = ヶ || mm 言 計画 | 衣 ・|| 太 before iQ 


FAVORITES after 
大 before 
MaterialIsample 


SHARED 


DEVICES 
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今 図 3 : テク スチ ャ の 指定 
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球体 を 完成 させ る 
イン ポー ト さ れ た テク スチ ャ 「EarthMap」 を 


[Hierarchy] ビ ピュー の 「Earth] まで ドラ ッ グ & 
ドロ ッ プ し ます ( 図 4①)。 す る と 、 地 球 と な る 
球体 が で き あ が り ま す ⑫。 


っ 
ク 
ス 
チ 
ヤ 
と 
フ 
イィ 
ト 
を 
設 
定 
す 
る 


全 図 4 : 球体 の 完成 

太陽 光 で 照ら す Hermrh 
る し か し この まま で は 暗く て 地球 が よく 見 えな い Particle Sysbem 

の で 太陽 光 で 照ら す よ うに し ます 。 [Hierarchy] ore 

ビュ ー の [Create] 一 [Directional Light] を 選 Sp 

択 し ます ( 図 5①⑫)。 名 前 を 「Sun] に し ます ③。 ] 

[inspector] ビュ ー で Transform の Rotation を | Some 

|0, -70, -180」 に 設定 し ます ④⑭。 rma LGR 


BY Inspector 


男 lsun (hy | Static マ 
Tag | Untagged * | Layer | Default | 


TA Transform 


Pnsitinh 


x 
Rotation 


回 名 0 同村 0 必 -iso | 


念 図 5 : ライ ト の 設定 


cHAPTER03 3D り シュ ー テ ィング ゲー ム を 作る 


育 景 に 宇宙 の 星空 を 用 意 する ッッ 開 時 間 
シン プル な 板 パ ネル に 宇宙 の 星 の テ クス チャ を 
貼り 付け て 、 地球 の 向こう 側 に 設置 し ます 。 sa > 人 


[Hierarchy] ビュ ー か ら [Create] ( 図 6①) っ 
[Plane] ② を 選択 し ます 。 作成 され た Plane の 
名 前 を 「Background」 に 変更 し ます 。 
[Inspector| ビュ ー で Transform の Position を 
[0.0.2201③、Rotation を 「-90, 0, 0] ④、 Scale 
を 「80, 1, 80」 に 設定 し ます ⑤。 

[Project] ピュ ー で 有 ウ リッ クツ し て メデ ニュー が らら 
[Import New Asset] を 選択 し 、「before] フォ 
ル ダ か ら BgSpace.tiff を イン ポー ト し ます ⑯。 
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マテ リア ル を 作成 する 

今度 は 地球 (Earth) と は 別 の 方 法 で テク スチ ャ 
を 設定 し て み ま し ょ う 。 

[Project] ビ ピュー に 「Materials] と いう フォ ル ダ 
が 作成 され て いま す 。 そ の 中 に は 手順 3 で Earth 
に 追加 し た [EarthMap] と いう マテ リア ル が 作 
成 さ れ て いま す 。 

[Materials] フォ ル ダ 上 を 右 ク リッ ク し て ( 図 7 
①)、 メ ニュ ー か ら [Create] ②ー [Materiall を 
選択 し て ③、 マ テリ アル を 作成 し ます 。 名 前 は 
「BgSpaceMat」 に し ます ④。 


念 図 6 : テク スチ ャ の 指定 


クリ ッ ク 


Folder 


Javascript 
Delete C# Scri 区 


Import New Asset.… 
Import Package 

Export Package..- 

Find References In Scene 
Select Dependencies 


| Refresh 
Reimport 
Custom Font 
Render Texture 
Sync MonoDevelop Project Physic Material 
GUI Skin 
Animator Controller 
Avatar Body Mask 
Avatar Skeleton Mask 


Reimport All 


今 図 7 : マテ リア ル の 作成 
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マテ リア ル を 設定 する 

次 に [Inspector] ビュ ー の 「Base (RGB) 」 の 右側 の [Select] ボタ ン を クリ ッ ク し て ( 図 8①)、 [Select 
Texture] ダイ アロ グ を 表示 し 、 先ほど 追加 し た BgSpace を ダブ ルク リッ ク し ます ②⑦。 次 に 、 作成 し た 
「BgSpaceMat] マテ リア ル を [Hierarchy] ビュ ー の Background に ドラ ッ グ & ド ロッ プ し ます ③。 
これ で Background オ ブ ジ ェクト に テク スチ ャ が 設定 され ます ④⑭。 


Q inspector Select Texture 


に BgSpaceMat 次 。 


Shader | Hiffusg 


Main Calar 
Ease (RGB) 
Tiling 


9 ダブ ルク リッ ク 


ーー Materials 


今 図 8 : マデ テリ アル の 設定 


少し 暗く する 

太陽 光線 の 当たっ て いな い 部 分 を も う 少 し 暗く し て み ま し ょ う 。 メニュー から [Edit] ( 図 9①) っ 
[Render Settings] を 選択 し ます ②。 す る と 、[Inspector] ビ ピュー に 「RenderSettings] が 表示 され 
ます 。 そ の 中 の 「Ambient Lightl の 色 の 部 分 を クリ ッ ク し て ③、[Color] ダイ アロ グ を 表示 し ます 。 
RGB の 値 を 「15, 15, 15] に 設定 し ます ④。 こ れ で 舞台 は 完成 で す 。 


本 還 。 
File Edit Assets— 1 クリ ツク bonent 1 @ Inspector 

Undo Assign Material BgSpaceMat ei 

Redo 人 9 RenderSettind5 交 。 
Fog 
Fog Color 
Fog Mode 

Step Fog Density 


Linear Fog Start 


Load Selection SE 00 

ttt _Ambient Light ニー ーーー 半 

Project Settings Skybox Material None (Material) @| 

Render Settings Haln Strength 0.5 

Graphics Emulation ま Flare Strength = 

Nehwork Eaton 2 選択 p Halo Texture None (Texture 2D) © 
替 spot Cookie None (Texture2H) © 


Snap Settings... 


今 図 9 : 環境 光 の 調整 


cHAPTER03 3D り シュ ー テ ィング ゲー ム を 作る 


テク スチ ャ の 利用 方 法 


実習 で は オブ ジェ クト に テク スチ ャ を 貼り 付け て ライ ト で 内 ら し まし た 。 テ クス チャ は 3D オ ブ ジ 
ェクト や GUI を 描画 する た め に 重要 な も の で す 。 3D り オブ ジェ クト や GUI を 描画 する た め に 重要 な 役 
割 を 末 た し ます 。 
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テウ クス チャ 
Unity に 限ら ず 3D グ ラフ ィ ッ ク で 効率 良く テク スチ ャ を 表示 する に は 画像 の 幅 と 高 さ が ぞ れ ぞ れ 2 
の 累乗 で ある こと が 一 般 的 で す 。 2 の 累乗 と は 、 以下 の よう な 数 値 の こと で す 。 


29 ク + レル 23 24 25 の る 27 928 22 210 211 
1 2 4 8 16 32 64 128 256 512 1024 2048 


また 、 幅 と 高 さ が 違っ て いて も か まわ な い の で す が 、 各社 の スマ ー ト フォ ン 端 末 に 搭載 され て いる 
グラ フィ ッ ク チ ッ プ に よっ て は 、 正 方 形 で な いと 効率 よく 表示 で き な い も の も あり ます 。 正方形 の テ 
クス チャ を 使用 する ほう が よい で し ょ う 。 

この よう な サイ ズ に する こと で 、Unity は 自動 的 に テク スチ ャ を 圧縮 形式 に 変換 し て くれ ます 。 上 圧 
縮 テ クス チャ に 変換 され る と グラ フィ ックス チッ プ に テク スチ ャ を 素早 く 読 み 込 むこ と が で きる よう 
に な り ま す 。 

Unity で は 2 の 累乗 で な い サ イズ の 画像 も テク 
スチ ャ と し て 利用 で きま す 。 た だ し この 場合 は 、 
圧縮 テク スチ ャ を 利用 する こと が で きま せん 。 


9 Insnectar 


この よう な テク スチ ャ は GUI の 描画 に 使わ れ ま Texture Type Texture 
す ( 図 10)。 Alpha from Grawscale [| ] 
Unity で テク スチ ャ と し て 読み 込め る 画像 ファ Wrap Mode Repeat 
イル の フォ ー マ ッ ト を 表 1 に まとめ て お きま す 。 Filter Made 
Aniso Level 
マ 表 1 : 画像 ファ イル の フォ ー マ ッ ト 
Default 
PSD TIEE JPEG 
TGA PNG GIF 
BMP IFF PICT 


Unity に イン ポー ト さ れ た テク スチ ャ は 、 表 1 
に 挙げ て いる フォ ー マ ッ ト の ファ イル で あれ ば 、 
自動 的 に ゲー ム に 適し た テク スチ ャ と し て イン 
ポー ト さ れ ま す 。 

特に レイ ヤー 構造 を 持っ た PSD 形 式 な どの 画 
像 ファ イル は 、 目 動 的 に レイ ヤー が まとめ られ て 
読み 込ま れる の で 、Unity に イン ポー ト す る 時 に 
他 の 形式 に 書き 出さ な く て 済み 、 効率 的 で す 。 


念 図 10 : GUI の 描画 


マテ リア ル 

マテ リア ル は 、 3D モ デル の 質感 や GUI の グラ フィ ックス な ど に 使わ れ ま す 。 イ ン ボ ポー ト さ れ た テク 
ズ スチ ャ は 、 マデ リアル が 持っ で いる シェ ー ダ ー の パラ メー タ と し て 設定 ざれ ます 。 

一 方 、 マ テリ アル は MeshRenderer コン ポー ネン ト の パラ メー タ と し て 設定 され 、 ゲ ー ム オブ ジェ 
クト の MeshFilter コ ン ポ ー ネ ン ト が 保持 し て いる メッ シュ デー タ を 措 画 し ます 。 
9 エー ダー 

この 他 、 マテ リア ル に は シェ ー ダ ー プ ログ ラム が あり 、 さまざま な 質感 を 表現 で きま す 。 

Unity に は 、 複数 の シェ ー ダ ー が あら か じ め 用 意 さ れ て お り 、 場合 に よっ て は 上 自分 で 作成 する こと も 
で きま す 。 ど の よう な シェ ー ダ ー が 用 意 さ ご され て いる か が 見 て み ま し ょ う 。 「LESSON09] フォ オル ダ に ある 
MaterialSample.html を ブラ ウザ で 開い て みて くだ さい 。 す る と WebPlayer で Unity に 標準 で 組み 
込ま れ て いる シェ ー ダ ー の 一 部 を 見 る こと が で きま す ( 図 11)。 表 2 に 主 な シェ ー ダ ー を まとめ て いま 

。 参考 に し て くだ さい 。 


Unity Web Player | MaterialSample 


き 


Diftuse Specular VertexLit 


BUmMpedDifise BurmpedSpecular Decal 


ーー 


IIextue ツ lnl 山 車 BnsparerWnliL Transbarenf@⑥6ui 


* Cfeated with Unity » 


図 11 : シェ ー ダ ー の 例 


表 2 : 主 な シェ ー ダ ー 
Diffuse モデ ル の 表面 に ライ ト の 光 が 拡 散 す る よう に 描画 する 。 デ フォ ルト の シェ ー ダ ー 
Specular ライ ト の 光 を 艶 や か に 描画 する た め に 使用 する 
ライ ト の 光 の 反射 を 計算 する 処理 を メッ シュ の 頂点 単位 で 計算 し て 描画 する 。 
VertexLit Diffuse や Specular な どの ピク セル 単位 で ライ ト の 光 の 反射 を 計算 する の に 比べ 
て 処理 が 高速 で ある 
Diffuse や Specular に ノー マル マッ プ と いう テク スチ ャ を 使っ て 表面 の 凹凸 が ある 
BumpedDiffuse / 


よう に 描画 する 。「 ノー マル マッ プ 」 と いう の は 光 の 反射 情報 を 持っ た テク スチ ャ の 


PumpedSpecular 。 こと で 、 凸 凹 の ある モデ ル を 用 意 し な く て も リア ル な シワ な ど を 表現 で きる 
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Decal ベー ステ クス チャ の 上 に デカ ー ル を 貼り つけ た よう に 描画 する 
Transparent _ 透明 な 部 分 を 持っ た テク スチ ャ を 描画 する 


Unlit 系 の シェ ー ダ ー は ライ ト の 光 の 計算 を 一 切 せ ず に テク スチ ャ の 色 を その まま 
描画 する 。 ラ イト の 処理 を し な い の で 非常 に 高速 で ある 


- 窓 ガラ ス の よう な 表現 を する 時 は アル ファ 情報 を 持っ た 半 透 明 な 画像 を 利用 する 。 


Unlit/Texture 
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Unlit/Transparent 半 透 明 な テク スチ ャ を 描画 する 時 は Transparent 系 か Unlit/Transparent シ ェ ー 
ダー を 使う 
Unlit/Transparent 金網 や パン チ メ タ ル の よう な 完全 に 向こう が 見 える よう な 表現 を する 時 に は 
Cutout Transparent/Cutout 系 か Unlit/TransparentCutout シェ ー ダ ー を 使う 
ライ ト 


ライ ト が な いと シー ン の ゲー ム オ プ ジ ェ クト が ほとん ど 見 えな い 状 態 で し た が 、 実 習 で は 太陽 光線 
と し て Directional Light を 設置 し まし た 。 

Directional Light は 太陽 光線 の よう な 直線 的 な 光 と し て 使わ れる 一 番 一 般 的 な ライ ト で す 。 
Directional Light も ゲー ム オ ブ ジ ェクト で す の で Transform コン ポー ネン ト で Position を 持っ て い 
ます が 、 この Directional Light の 場合 、 Position 情報 は 無視 され ます 。 

Rotation パ ラメ ー タ を 「0, -70, -180」 と 指定 する こと で 画面 右側 か ら シ ー ン を 照ら し て いま す 。 


環境 光 

現実 の 世界 で は 光 は さま ざま な と ころ で 反射 し て 、 光 源 が な い 方 向 か ら も 物体 に 光 が 当 た っ て いま 
す 。 こ れ を ゲー ム の よう な リア ル タ イ ム グ ラ フィ ックス で 表現 し よう と する と 膨大 な 光 の 計算 を し な 
けれ ば な り ま せん 。 こ の よう な 光 は 環境 光 と し て 設定 し て 、 一 定 の 光 が す べ て の 方 向 か ら 当たっ て い 
る こと に する よう に 表現 する の が 一 般 的 で す 。 

Unity で 環境 光 を 設定 され て いて 、 実 習 で は 地球 の 太陽 光線 が 当たっ て いな い 陰 の 部 分 を も う 少 し 
暗く 見 せる た め に RenderSetting の Ambient Light の 色 を 調整 し て いま す 。 


s テ クス チャ は マテ リア ル に 設定 し て MeshRenderer コン ポー ネン ト に パラ メー タ と し て 指定 する こと 
で 、 描画 し ます 。 


テク スチ ャ は 、 Unity に イン ポ ボート さ れる と 自動 的 に 圧縮 され ます 。 

s テク スチ ャ の サイ ズ は 、 で きる だ け 2 の 累乗 の 正方 形 に し ます 。 

s マテ リア ル に は 表示 する 質感 に よっ て シェ ー ダ ー を 切り 替え る こと が で きま す 。 
* Directional Light を 使っ て 、 太陽 光線 を 表現 で きま す 。 

* 環境 光 を 調整 し て ライ ト の 当たっ て いな い 部 分 の ライ ト を 調整 で きま す 。 
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副 LEssON10 萌 較 before 参 


> プレ ハブ を 利用 する 


、 LESSON 09 の 続き か ら 開 始 し ます 。 また は 「bef 


ore] フォ ル ダ か ら |ILESSON09] プロ ジェ クト 
を 開き Main シー ン を 開い て くだ さい 。 LESSON 
08 で 作成 し た Rotaion ス クリ プ ト を ドラ ッ グ & 
ドロ ッ プ し て Earth に 追加 し ます (Rotation ス 
クリ プ ト は 、「before] フォ オル ダ に も 入っ て いま 
す )。 [Inspector] ビュ ー で Rotation ス クリ プ ト 
の Angle を |0, -5, 0] ( 図 1) に 変更 し ます 。 
[Play] ボタ ン を クリ ッ ク し て 地球 が 回 転 し て い 
る こと を 確認 し まし ょ う 。 人 確認 し た ら も う 一 度 
[Play] ボタ ン を クリ ッ ク し て プレ ビュ ー を 停止 
し まず 。 


| |LESSON09] プロ ジェ クト 、 
Rotation.cs、panel.pnd 


list10-1.txt、 


QB Inshector 人 
画 」 古 IEarth | 口 static > 
Tag | Untagged * | Layer | Default 
TA Transform 
Fosition 
x 0 
Rotation 


1Y DO 


scale 
xX |150 | Y |160 
Use Light Probes 


Tc| BA Rotaion (Script) 
SCFiht 


Z 160 | 
回 を 
(ロロ 


[| Rotaion 


図 1: 地球 の 自転 の 設定 
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宇宙 ゴミ 「Panel」 を 作成 する = Hierarchy 
る 新規 の Cube を 作成 し て 、「Panel] と いう 名 前 に 

し ます ( 図 2①)。 Transform の Position を 「0. 0, 
100] ② に 、 Scale を 「30. 30, 0.2] ③ に 変更 し 
ます 。 [Project] ビュ ー に 宇宙 ゴミ の テク スチ ャ 
を イン ポー ト し ます 。「before] フォ オル ダ に ある 
panel.png を 選択 し て くだ さい 。 [Project] ビュ 
ー の テク スチ ャ |panel| を [Hierarchy] ビュ ー 


E0 YILdVHD 


の Panel ま で ドラ ッ グ & ドロップ し ます 。 | 亡 四 に rd ロロ stc・ 
[Inspector] ビュ ー の Shader で [Diffuse] ④⑭④~ ーー = Layer px と 


TA Transform 


[Unlit] ⑤ー [Texture] ⑥ を 選択 し てこ マテリアル 
の シェ ー ダ ー を |Unlit/Texture] に し まし ょ よう 。 


pF Texture 


Transparent 
Legacy Shaders F Transparent Cutout 
び 選 


選択 


今 図 2 : 宇宙 ゴミ と な る バネ ル の 作成 


スク リプ ト を 割り 当て る 
[Project] ビュ ー で 右 ク リッ ク し て メニ ュー が か ら [Create] > [C# Script] を 選択 し て 、 C# の スク リプ 


ト を 作成 し ます 。 名 前 は 「Debril に し ます 。 スク リプ ト を ダブ ルク リッ ク し て 、 リ スト 1 の よう に 入 
力 し ます 。 作成 した Debri ス クリ プ ト を Panel に ドラ ッ グ & ドロ ッ プ し ます 。 [Play] ボタ ン を クリ ッ 
ク す る と 、 Panel が Earth の 周り を 回 転 し ます 。 マ ウス で クリ ッ ク す る と 消え る こと を 確認 し ます 。 


マリ スト 1 : Debri.cs 
001 using UnityEngine; 
002 | using System.Collections; 


003 

004 | public class Debri : MonoBehaviour { 
005 

006 // 1 秒 あ た り の 回 転 角度 

007 public float angle = 30E/ 

008 // 破壊 時 の 得点 

009 public int score = 10; 

010 

011 // 回 転 の 中 心 座標 


012 private Vector3 targetPos; 


014 COLG Start () { 
/ / シー ン 中 の Earth オ ブ ジ ェクト へ アク セス し て Earth オ ブ ジ ェクト の Transform コ ン ポ ボ ポー ネン ト へ 起 | 


| アク セス する 
016 Transform target = GameObject.Find("Earth'") .transform; 
017 // Earth オ ブ ジ ェクト の 位置 情報 を 取得 し て お く 
018 targetPos = target.position; 
019 // 宇宙 ゴミ の 正面 の 向き を Earth の 方 向 に 向け る 
レ 020 transform. LookAt (target) ; 
ル 021 / / 宇宙 ゴミ を 0 か ら 360 の 範囲 で Z 軸 を 中 心 に 回 転 さ せ て お く 
ブ 022 transform.Rotate(new Vector3(0, 0, Random.Range(0, 360) ) ,| 析 
と Spaoce . Wor1d) / 
コ 023 } 
人 024 
チ 025 Vo1d Update () { 
ン 026 / / Earth を 中 心 に 宇宙 ゴミ の 現在 の 上 方 向 に 毎秒 ang1e 分 だ け 回 転 する 
利 027 Vector3 axis = transform.TransformDirection (Vector3.up) ; 
用 028 transform. RotateAround (targetPos, axis, angle * Time.deltaTime) / 
す 029 } 
る 030 
031 void OnMouseDown() { 
032 // クリ ッ ク さ れ た ら 宇 宙 ゴ ミ を 消す 
033 Destroy (gameObject) / 
034 } 
035 | } 
宇宙 ゴミ を プレ ハブ に する 


宇宙 ゴミ を スク リプ ト で 発生 させ る こと が で きる よう に 宇宙 ゴミ を プレ ハブ に し ます 。 

[Hierarchy] ビ ピュー の 「Panell を [Project] ビュ ー に ドラ ッ グ & ドロ ッ プ し て プレ ハブ を 作成 し ます 
( 図 3①)。 次 に [Project] ピュ ー で 名 前 を 「PanelPrefab」 に 変更 し ます ⑫②。 こ れ で [Hierarchy] ビュ 
ー に ある 「PanelPrefab] は 不要 に な り ま し た の で 、[Hierarchy] ビュ ー の PanelPrefab を 右 ク リッ ク 
し て ③、 右 クリ ッ ク メ ニュ ー か ら [Delete] を 選択 し て ④、 削除 し ます 。 


: ニ Hierarchy ーー 
Create *| (orAll 」 


Backgrnund 


Paste 
Duplicate 


YE 0 ドラ ッ グ & ドロ ッ プ 


Main hiaterials panel 


Rename 


今 図 3 : プレ ハブ に する 
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スク リプ ト を 作成 する 

プレ ハブ 化 さ れ た 宇宙 ゴミ が 地球 の 向こう 側 か ら 定 期 的 に 発生 する よう に し ます 。 宇宙 ゴミ の 発生 ポ 
イン ト を 作成 し ます 。 メ ニュ ー か ら [GameObjectl っ [Create Empty] を 選択 し て 空 の ゲー ム オ ブ 
ジェ クト を 作成 し ます 。 名 前 を 「SpawnPoint|l に し ます 。 Transform の Position を |0, 0, 100」 に 設 
定 し ます 。 [Project] ビュ ー で リス ト 2 の すき ス クリ プ ト を 作成 し て 、 名 前 を 「SpawnPoint] に し ます 。 
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マリ スト 2 : SpawnPoint.cs 
001 | using UnityEngine; 
002 | using System.Collections; 


003 

004 public class SpawnPoint : MonoBehaviour { 

005 

006 // 宇宙 ゴミ プレ ハブ 

007 public GameObject debri; 

008 // 宇宙 ゴミ 発生 間隔 

009 public float interval = 1f; 

010 

011 void Start 《) 【{ 

012 // SpawnDebris() コル ー チ ン を 開始 する 

013 StartCoroutine("SpawnDebris") / 

014 } 

015 

016 4 本 は は は は は は は は は は は は は は 

017 /// 宇宙 ゴミ 発生 

018 44 本 は は は は は は は は は は は は は 

019 IEnumerator SpawnDebris () { 

020 // 無限 ルー ブ 

021 while (true) { 

022 // 宇宙 ゴミ ブレ ハブ を SpawnPoint オ ブ ジ ェクト の 位置 に イン スタ ンス 化す る 
023 Instantiate(debri, transform.position, Quaternion.identity); 
024 // interval 分 だ け 処 理 を 停止 する 

025 yield return new WaitForSeconds(interval); 
026 } 

027 } 

028 

029 | } 
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サン プル を 実行 する 

作成 し た SpawnPoint ス クリ プ ト を [Hierarchy」 ビ ピュー の [SpawnPoint] に ドラ ッ グ S&S ドロップ し 
て 追加 し ます 。 [Inspector] ビュ ー で SpawnPoint ス クリ プ ト の Debri パ ラメ ー タ の 部 分 に PanelPref 
ab プレ ハブ を ドラ ッ グ & ドロ ッ プ し ます 。 また は 右側 の [©③] ボタ ン を クリ ッ ク し て ( 図 4①)、 [Select 
GameObject] ダイ アロ グ を 開き 、PanelPrefab を 選択 し ます ⑧。 [Play] ボタ ン を クリ ッ ク し て ③、 宇 
宙 ゴミ が 定期 的 に 発生 する こと を 確認 し ます ④。 


(i | Inspector 


_ 戸 mM | spawnPaint | 」static 〒 


Tag | Untagged * | Layer | Default 


3③ Main.unity - 3DShocging - PC, Mac & Linux Standalone 
Global | NN 


Scri 
Debri 
Interwal 


ON Select GameObject 
Q | 
Assets SCehe 


None 


今 図 4 : サン プル の 実行 


スク リプ ト と プレ ハブ 


オブ ジェ クト を タッ プ し た 時 の 処理 

Debri ス クタ クリプト で は 。 オブ ジェ クト が マウ スズ ス で クリ ッ ク さ れる と オブ ジェ クト ド が 削除 きれ 名 処理 
が あり ます 。 ス マー ト フ ォ ン 上 で オブ ジェ クト が タッ プ さ れ た 時 の 処理 を 加え る に は 、 OnMouseDo 
wn 関数 の 中 に 処理 を 記述 し ます 。 


オブ ジェ クト の 削除 
ゲー ム オ ブ ジ ェクト を シー ン か ら 削 除 し た い 場 合 は 、 Destroy 関数 を 使い ます 。 
Destroy(gameObject) の ゲー ム オ ブ ジ ェクト は 、 クリ ッ ク さ れ た ゲー ム オ ブ ジ ェクト 自身 を 指し て 
いま す 。 


プレ ハブ 

「 プレ 人 ハブ] と いう 機能 は 、Unity の 特徴 的 で 大 変 便利 な 機能 で す 。 実 習 で は 宇宙 ゴミ と し て 作成 し 
た Panel を [Project] ビュ ー に ドラ ッ グ & ドロ ッ プ し て プレ ハブ に し まし た 。 

コン ポー ネン ト や スク リプ ト が 追加 する 、 ま た は 階層 構造 に な つた ゲー ム オ ブ ジ ェクト を プレ ハブ 
に し て お け ば 簡単 に コピ ー を 作成 し て 、 シー ン に 配置 で きま す 。 
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プレ ハブ に な っ た ゲー ム オ ブ ジ ェクト を シー ン に 配置 する に は 、[Projectl ビュ ー の プレ ハブ を 
[Hierarchy」 ビュ ー に ドラ ッ グ & ドロ ッ プ する だ け で す 。 単純 に ゲー ム オ ブ ジ ェクト を 複製 する だ け 
で あれ ば [Hierarchy] ビュ ー で [Command] + [D] キー の ショ ー ト カッ ト を 使え ば 、 ゲ ー ム オブ ジ 
ェクト を 複製 で きま す 。 た だ し 、 プ レ ハ ブ を 使っ て 複数 の ゲー ム オ ブ ジ ェクト を 配置 し た 場合 、 シ ー 
ン に 配置 され た オブ ジェ クト の すべ て に 変更 を 適用 で きま す 。 ま た 複数 の シー ン に また が り 、 変 更 を 
適用 で きま す 。 
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スク リプ ト か ら プ レ ハ ブ を 生成 する 

実習 の SpawnPoint ス クリ プ ト で は 、 宇宙 ゴ ゴミ を イン スタ ンス 化し て いま す 。 スク リプ ト で プレ ハル 
ブ を 生成 する に は public な メン 人 バ 変 数 を 用 意 し て [Inspector] ビュ ー で プレ ハブ を 登録 し て お き 、 ス 
クリ プ ト で Instantiate 関数 を 呼び 出す こと で プレ ハブ を イン スタ ンス 化 さ せる こと が で きま す 。 


022 / / 宇宙 ゴミ プレ ハブ を SpawnPo1in モ オブ ジェ クト の 位置 に イン スタ ンス 化す る 
023 Instantiate(debri, transform.position, Quaternion.identity); 
ョ ルー チック 


[クリ ッ ク し た 2 秒 後 に 実行 | また は 「3 秒 ご と に 実行 ]」 と いっ た 処理 を スク リプ ト で 記述 する 時 、 
Update 関 数 の 中 だ け で 記述 する と 、 経 過 時 間 を 計算 する な ご 、 ス クリ プ ト が 複雑 に な っ て し まい ま 
す 。 プ ログ ラミ ング の 経験 者 な ら ば スレ ッ ド 機能 を 使う と いう こと を 思い つく か も し れ ま せん が 、 ス 
レッ ド を うま く 使 いこ な す に は 非常 に 高度 な 知識 が 必要 で す 。 

Unity に 用 意 さ ご され た コル ー チ ン と いう 機能 を うま く 使え ば 、 シ ンプ ル に スク リプ ト を 記述 で きま す 。 
コル ー チ ン は IEnumerator を 戻り 値 に し た 関数 の こと で 、 SpawnPoint ス クリ プ ト で 宇宙 ゴミ を 一 定 
時 間 ご と に 生成 する SpawnDebris 関数 で 記述 され て いま す 。 

コル ー チ ン を 呼び 出す に は StartCoroutine 関 数 を 使い ます 。 SpawnPoint ス クリ プ ト で は Start 関 
数 の 中 で 実行 され て いま す 。 呼び 出さ れ た コル ー チ ン は 通常 の 関数 の よう に ブロ ッ ク の 終わ り ま で 実 
行 さ れ ま す が 、 途中 で yield return キー ワー ド が ある 部 分 で 処理 が いっ た ん 停止 され ます 。 

SpawnDebris コル ー チ ン で は 、 無限 ル ー プ 処理 の 中 の 、 


025 Y1e1d return new WaitForSeconds(interval); 


の 部 分 で interval 変 数 で 指定 し た 秒 数 だ け 停止 し ます 。 こ の 部 分 を 「yield return null:| に する と 次 
の フレ ー ム まで 停止 し ます 。 


s ゲー ム オ ブ ジ ェクト の テン プレ ー ト と な る プレ ハブ を 作成 し て プロ ジェ クト に 複数 配置 で きま す 。 


x プレ ハブ を 変更 する と 、 シ ー ン 中 の すべ て の イン スタ ンス 化 さ れ た ゲー ム オ ブ ジ ェクト に 変更 を 適用 で 
さま す 。 


s プレ ハブ は Instantiate 関 数 を 使っ て 、 ス クリ プ ト か ら イ ンス タン ス 化 する こと が で きま す 。 
s コル ー チ ン を 使っ て メイ ン の アッ プ デ ー ト 処理 と は 別 の 時 間 の 流れ の 処理 を 簡単 に 記述 で きま す 。 
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list10-1 ~ 5.txt、 


py スコ ア と タイ ム ア ッ プ 用 の 画面 と スク リプ ト を 作成 する [ 実習 


る 全 LESSON10 の 続き か ら 開 始 し ます 。 また は 「LES 


SON10] プロ ジェ クト を 開き Main シー ン を 開 
いて くだ さい 。 [Hierarchy] ビュ ー の [Create]」 
メニ ュー か ら [GUI Text] を 選択 し ます 。 名 前 を 
[Score」 に 変更 し ( 図 5①)、[Inspector] ビュ ー 
で Transform の Position を 「0.02. 0.98, 0]② に 、 
GUI Text の Text を 「Score:00000] ③ に 設定 し 
ます 。 
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図 1 : スコ ア 画 面 の 作成 


cHAPTER03 3 り シ ュー ティ ング ゲー ム を 作る 


スコ ア 用 の スク リプ ト を 作成 する 
[Project] ビュ ー で C# の スク リプ ト を 作成 し ます 。 名 前 は 「Score] に し ます (リス ト 1)。 作 成 し た 
score スク リプ ト を Score オ ブ ジ ェクト に ドラ ッ グ & ド ロッ ツ ッ プ し ます 。 


ャ リス ト 1 : Score.cs 
001 | using UnityEngine; 

002 | using System.Collections; 

003 

004 | public class Score : MonoBehaviour { 
005 

006 // スコ ア 

007 private int score; 

008 

009 // スコ ア を 初 


この 


。 1 


010 void TnitScore() { 
011 this.score = 0: 
012 央 

013 

014 / / スコ ア を 加算 する 


En ee 7 


016 th1 s . SCOFG += score; 

017 } 

018 

019 void Update () { 

020 / / GUT Text を 書き 換え る 

021 guiText.text = "Score:" + this.score; 
022 } 


023|} 


タイ マー 画面 を 作成 する 
新しく GUI Text を 作成 し ます 。 名 前 は 「Timer」 に し ます ( 図 2①)。 [Inspector] ビュ ー で Transform 
の Position を 「0.02. 0.92. 0] ④ に 、 GUI Text の Text を 「Time:0000] ③ に し ます 。 


Tirer 


信 図 2 : タイ マー の 作成 


タイ マー 用 の スク リプ ト を 作成 する 


[Project] ビ ピュー で (すき スク リプ ト を 作成 し ます 。 名 前 は 「Timer」 に し ます (リス ト 2)。 Timer ス クリ 


プ ト を Timer オ ブ ジ ェクト に ドラ ッ グ S&S ドロ ッ プ し ます 。 


ャ リス ト 2 : Timer.cs 


001 | using UnityEngine; 


002 using System.Collections; 


003 
004 
005 
006 
007 
008 
009 
010 
011 
012 
013 
014 
015 
016 
017 
018 
019 
020 
021 
022 
023 
024 
025 
026 
027 
028 
029 
030 
031 
032 
033 
034 
035 
036 
037 
038 
039 
040 
041 
042 
043 


public class Timer : MonoBehaviour { 
// 残り 時 間 の 初期 値 


public int timeLimit = 30; 


// 残り 時 間 
private float timeRemaining; 
// タイ マー 動作 フラ グ 


private bool timerStarted; 


void Start() { 


ResetTimer() ; 


// 。 タイ マー を リセ ッ ト 

public void ResetT1mer() { 
timeRemaining = timeLimit; 
timerStarted = false; 


// タイ マー を 開始 
public void StartTimer () { 
timerStarted = true; 


// タイ マー を 停止 
public void StopTimer () { 


timerStarted = false; 


// 残り 時 間 を 取得 
public float GetTimeRemaining () { 


return timeRemaining; 


void Update() { 
if (timerStarted) { 
// 残り 時 間 を 引い て ゆく 
timeRemaining -= Time.deltaTime ; 
if (timeRemaining <= 0) { 
残り 時 間 が 0 以下 な ら タ イマ ー を 停止 する 
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044 timeRemaining = 0; 

045 timerStarted = false; A 

046 } や 
本 

047 } で 

048 // テキ スト を 更新 © 

049 guiText.text = "Time:" + timeRemaining; 

050 } 

051 | 


タイ トル と タイ ム ア ッ プ の 画像 を 選択 する 9 Inspector 
タイ トル と タイ ム ア ッ プ 状 態 の 時 に 表示 する テ rm EMEUp Import settings 
クス チャ を イン ポー ト し ます 。 [Project] ビュ ー 


を 右 ク リッ ク し て メニ ュー か ら [Import New Texture Type | Y Texture 
Asset] を 選択 し て 、「before] フォ ル ダ か ら 還 還 昌 ormo mep 
title.png と timeup.Dng9 を イン ポー ト し ます 。 Wra ror 
イン ポー ト し た テク スチ ャ の タイ プ を 「GUI] に Filter Made soon 
し 義 す 。 Aniso Level mm 
[Inspector| ビュ ー で Texture Type を Texture efault Eg Advanced 
か ら GUI に 変更 し ( 図 3①)、[Apply] ボタ ン を 

クリ ッ ク し ます ⑫。 


今 図 3 : タイ トル と タイ ム ア ッ プ の 画像 を 選択 


タイ トル の 画像 を 表示 する 

[Project] ビュ ー で title.png を 選択 し た 状態 で ( 図 4①)、 [Hierarchy」 ビ ピュー の [Create] か ら ⑫ [GUI 
Texture] ⑬ を 選択 し ます 。 [Game] ビュ ー を 確認 する と タイ トル 画像 が 表示 され ます ④⑭。 同 様 の 手順 
で timeup.Dng も GU|I Texture を 作成 し て お きま す 。 
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念 図 4 : テク スチ ャ の 割り 当て 
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SpawnPoint ス クリ プ ト を 修正 する 


SpawnPoint ス クリ プ ト は 、 ゲー ム が 開始 され て か ら 宇 宙 ゴ ミ を 発生 させ 続け こい まし た が 、 リス ト 3 


の よう に 編集 し 、 発生 を 開始 し た り 停 止 し た り で きる よう に し ます 。 


リス ト 3 : SpawnPoint.cs 


001 | using UnityEngine; 


002 | us1nd System.Collections; 


003 


004 | public class SpawnPoint : MonoBeha1our { 


005 
006 
007 
008 
009 
010 
011 
012 
013 


/ / 宇宙 ゴミ ブレ ハブ 

public Debri debri; 

// 宇宙 ゴミ 発生 間隔 

public float interval = 1f; 


// 宇宙 ゴミ を 発生 中 フラ グ 
private bool spawnStarted = false; 


// 宇宙 ゴミ 発生 開始 
Vo1d StartSpawn () { 
if (!spawnStarted) { 
spawnStarted = true; 


StartCoroutine ("SpawnDebris") ; 


// 宇宙 ゴミ 発生 停止 
Vo1d StopSpawn () { 
if (SpawnS モ tarted) { 
spawnsStarted = false; 


StopCoroutine("SpawnDebris") ; 


// 宇宙 ゴミ 発生 
IEnumerator SpawnDebris () { 
// 無限 ルー プ 
while (true) { 
// 宇宙 ゴミ ブレ ハブ を SpawnPoint オ ブ ジ ェクト の 位置 に イン スタ ンス 化す る 
Instantiate(debri, transform.position, Quaternion.identity); 
// interval 分 だ け 処 理 を 停止 する 


yield return new WaitForSeconds(interval) / 
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ゲー ム の 状態 を 管理 する スク リプ ト を 作成 する 
ゲー ム の 状態 を 管理 する スク リプ ト を 作成 し ます 。 新しく C# ス クリ プ ト を 作成 し て 名 前 を |「GameCo 
ntroller| に し ます (リス ト 4)。 


co YILdVHD 


マリ スト 4 : GameController ス クリ プ ト 
001 | using UnityEngine; 
002 using System.Collections; 


003 

004 public class GameController : MonoBehaviour { 
005 

006 // タイ トル 画像 

007 public GUITexture guiTitle; 

008 // タイ ム ア ッ ププ 画像 

009 public GUITexture guiTimeup; 

010 

011 / / ゲー ム の 状態 定義 

012 public enum GameState { 

013 TITTTLE , / / タイ トル 

014 PLAYTNG, // ブ プレイ 中 

015 TITMEUP, // タイ ム ア ッ プ 

016 TIMEUP TO TITLE, // タイ ム ア ッ プ か ら タ イト ル へ 変更 中 
017 } 

018 / / ゲー ム の 状態 

019 private GameState state; 

020 

021 // SpawnPoint ゲ ー ム オブ ジェ クト 

022 private GameObject spawnPoint; 

023 // Score ゲ ー ム オブ ジェ クト 

024 private GameObject score; 

025 // Timer コ ン ボ ポー ネン ト 

026 private Timer timer; 

027 

028 / / ゲー ム の 初期 化 

029 void Start() { 

030 // 状態 を タイ トル に 

031 state = GameState.TITILE; 

032 // タイ トル 画像 を 表示 

033 guiTitle.enabled = true; 

034 // タイ ム ア ッ ププ 画像 を 非 表示 

035 guiTimeup.enabled = false; 

036 

037 // SpawnPoint ヒ ゲー ム オ ブ ジ ェクト を 取得 

038 spawnPoint = GameObject.Find("SpawnPoint") / 
039 // Score ゲ ー ム オブ ジェ クト を 取得 

040 score = GameObject.Find ("Score") / 

041 // Timer ゲ ー ム オブ ジェ クト の Timer コ ン ボ ポー ネン ト を 取得 
042 timer = GameObject.Find("Timer") .GetComponent<Timer>() / 
043 } 

044 


087 


045 Vo1d Update () { 


046 switch (st 上 ate) { 

047 case GameState.TITILE: 

048 // タイ トル 状態 で マウ ス で 左 ク リッ ク さ れ た ら ブ レイ 状態 へ 
049 if (Input.GetMouseButtonUp(O0)) { 

050 state = GameState. PLAYING; 


// SpawnPoint ゲ ー ム オブ ジェ クト に StartSpawn () 関数 を 実行 する よう に | 林 
メッ セー ジ を 送る 。 宇 宙 ゴ ミ の 発生 を 開始 


052 spawnPoint.SendMessage(" StartSpawn" ) / 
// Score ゲ ー ム オブ ジェ クト に TnitScore () 関数 を 実行 する よう に メッ セー ジ を 送る 。 | 条 | 


051 


っ | スコ ア を 初期 化 

054 score. SendMessage("InitScore'") / 

055 // Timer コ ン ボ ポー ネン ト の StartT ェ 1mer ( ) 関数 を 実行 。 タ イマ ー を 開始 

056 timer.StartTimer(); 

057 // タイ トル 画像 を 非 表示 

058 guiTitle.enabled = false; 

059 } 

060 break; 

061 case GameState.PLAYING: 

062 // プレ イ 中 に T1mer コ ン ボ ー ネ ン ト の 残り 時 間 が 0 に な っ た ら タ イム アッ プ 状 態 に 

063 if (timer.GetTimeRemaining() == 0) { 

064 state = GameState.TIMEUP ; 

RE // SpawnPoint ゲ ー ム オブ ジェ クト に StopSpawn () 関数 を 実行 する よう に | 析 | 
メッ セー ジ を 送る 。 宇宙 ゴ ミ の 発生 を 停止 する 

066 spawnPoint. SendMessage(" StopSpawn" ) / 

067 // Timer コ ン ポ ー ネ ン ト の StopTimer () 関数 を 実行 。、 タ イマ ー を 停止 

068 timer.StopTimer() / 

069 // 画面 内 の 宇宙 ゴミ を すべ て 削除 する 

070 DestroyAllDebris() / 

071 // タイ ム ア ッ プ 画 像 を 表示 

072 guiTimeup.enabled = true; 

073 } 

074 break; 

075 case GameState.TIMEUP: 

076 // タイ ム ア ッ プ 状 態 で マウ ス 左 クリ ッ ク で 3 秒 後に タイ トル 状態 に する 

097. 7 if (Input.GetMouseButtonUp(O0)) { 

078 state = GameState.TIMEUP TO TITLE; 

079 StartCoroutine("ShowTitleDelayed", 3f); 

080 } 

081 break; 

082 } 

083 } 

084 

085 / / シーン 中 の すべ て の 宇宙 ゴミ を 削除 

086 void DestroyAllDebris() { 

087 GameObject[] debris = GameObject.FindGameObjectsWithTag("debri'") / 

088 foreach (GameObject debri in debris) { 

089 Destroy(debri) ; 


090 } 
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091 } 

092 A 
093 // de1ayTime 秒 後に タイ トル を 表示 ー 
094 IEnumerator ShowTitleDelayed(float delayT1me) { m 
095 // de1ayTime 秒 処理 を 停止 ら 
096 yield return new Wa1utForSeconds (de1ayT ュ me) / 

097 state = GameState.TITILE; 

098 // タイ マー を リセ ッ ト 

099 timer.ResetTimer() ; 

100 // タイ トル 画像 を 表示 

101 guiTitle.enabled = true; 

102 / / タイ ム ア ッ プ 画 像 を 非 表 示 

103 guiTimeup. enabled = false; 

104 } 

O53 


GameController ス クリ プ ト を 割り 当て る 
メニ ュー か ら [GameObject] 一 [Create Empty] を 選択 し て 、 空 の ゲー ム オ ブ ジ ェクト を 作成 し 、 名 


前 を 「GameController」 に し ます 。 作成 し た GameController ス クリ プ ト を ドラ ッ グ S&S ドロ ッ プ し て 、 
GameController オ ブ ジ ェクト に 追加 し ます 。 [Inspector] ビュ ー で Game Controller の |Gui Title」 
の 右側 の [ 〇 ] ボタ ン を クリ ッ ク し て ( 図 5①)、[Select GUlTexture] ダイ アロ グ を 開き 、[title] を 選 
択 し ます ②③⑬。 「Gui Timeup」 も 同様 に し て [timeup] を 選択 し て お きま す (④⑤⑯。 


@ Inspectar @ Inspector 
A [GameObject に 人 が 還 CameObject | EStatic v 
9 |untagged il Untagged | Layer | Default Tag lintagged を Layer | Default も | 


Gui Timeup None (GUIT 5 © 


lg al Controller (5cript) dl 半 
Scri (Cameconteler @ 


合図 5 : GameController ス クリ プ ト の 割り 当て 
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Debri ス クリ プ ト を 修正 する 


[Project] ビュ ー の Debri ス クリ プ ト を 修正 し て (リス ト 5)、 消 える と 同時 に スコ ア が 加算 され る よう 


に し ます 。 

マリ スト 5 : Debri.cs 

031 Vo1d OnMouseDown() { 

032 / / スコ ア を 加算 する 

033 GameObject.Find("Score") . SendMessage ("AddScore", score); 
034 // クリ ッ ク さ れ た ら 宇 宙 ゴ ミ を 消す 

035 Destroy (gameObject) ; 

036 } 


PanelPrefab に タグ を つけ る 
[Project] ビュ ー の PanelPrefab を 選択 し て 、 [In 


spector] ビュ ー の Tag の ドロ ッ プ ダウ ン メ ニュ 
ー か ら [Add Tag] を 選択 し ます ( 図 6①)。 
[Inspector] ビュ ー に TagManager が 表示 され 
ます の で 、 Tags を 開い て 「Element 0」 の 右側 に 
[debri」 と 入力 し ます ⑧。 

も う 一 度 [Project] ビュ ー で [PanelPrefab] を 
選択 し て 、[Inspector] ビュ ー の Tag の ドロ ッ プ 
ダウ ン メ ニュ ー か ら 「debri」 を 選択 し ます ③。 
PanelPrefab に debri タ グ が 設定 され ます ④。 
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念 図 6 : PanelPrefab の タグ づけ 
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[Play] ボタ ン を クリ ッ ク し て ( 図 7①)、Game 二 二 寺 計 語 語 


ビュ ー で 動作 を 確認 し まし ょ う ⑫。 
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念 図 7 : サン ブル の 実行 
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GUIText 

実習 で は スコ ア と タイ マー の 表示 に GUIText を 利用 し まし た 。 GUIText の 描画 開始 位置 は 画面 左下 
を 「0, 0」、 画面 右上 を 「1, 1] と し て 指定 し ます 。 

GUIText に 追加 べ れ た スク リプ ト か ら は 、guiText 変 数 で アク セス で き 、guilext.text に 文字 列 を 指 
定 す る こと で テキ スト を 変更 で きま す 。 


GUlTexture 

タイ トル と タイ ム ア ッ プ 画 像 の 表示 に GUITexture を 利用 し まし た 。 GUI Texture の 描画 開始 位置 も 
画面 左下 を 「0, 0]、 画面 右上 を |1, 1] と し て 指定 し ます 。 実 省 で は 「0.5, 0.5] が 指定 され て お り 、 画 
面 の 中 心 点 を 指し て いま す 。 

Pixel Inset の X と Y の 値 に それ ぞ れ テク スチ ャ 画像 の 幅 と 高 さ の 半分 を マイ ナス し て 、Width と 
Height に テク スチ ャ 画像 の 幅 と 高 さ を 指定 する こと で 、 画 面 の 中 央 に 表示 され る よう に 指定 し まし 
た 。 な お GUI に つい て は CHAPTER 08 で 詳し く 説明 し ます 。 


GameController 

ゲー ムコ ント ロー ラー の よう に シー ン で 何 も 表 示し な い ス クリ プ ト で あっ て も 動作 させ る に は シー 
ン 中 の ゲー ム オ ブ ジ ェクト に 追加 れ て いな けれ ば な り ま せん 。 こ こ で は シー ン に 空 の ゲー ム オ ブ ジ 
ェクト を 作成 し て そこ に 追加 し まし た 。 


状態 管理 

ゲー ム の 状態 を 管理 する た め に enum 型 の 状態 を 作成 し て 、 state 変 数 で 状態 を 管理 し まし た 。 
Update 関 数 の 中 で switch-case 文 で それ ぞ れ の 状態 に 合わ せ て タイ トル 画像 を 表示 し た り 、 ゲ ー ム 
を 開始 し た り し て いま す 。 

別 の ゲー ム オ ブ ジ ェクト に 追加 され て いる コン ポー ネン ト の 関数 を 実行 する GameController の 
Start 関 数 の 中 で GameObject.Find 関 数 を 使っ て シー ン 中 の ゲー ム オ ブ ジ ェクト ヘア クセ ス す る こと 


が で きま す 。 

SpawnPoint や Score ス クリ プ ト に アク セス する た め に 、 シ ー ン の 中 の SpawnPoint オ ブ ジ ェクト 
や Score オ ブ ジ ェクト に アク セス で きる よう に し て いま す 。 

アク セス で きる よう に な っ た ゲー ム オ ブ ジ ェクト に SendMessage 関 数 を 使う こと に よっ て 、 ゲ ー 
ム オ ブ ジ ェクト に 追加 べ れ て いる コン ポー ネン ト の 関数 を 実行 する こと が で きま す 。 

リス ト 4 の GameController ス クリ プ ト の 以下 の 部 分 で SpawnPoint ス クリ プ ト の StartSpawn 関 
数 が 実行 され ます 。 引数 に は 呼び 出し た い 関 数 名 を 指定 し ます 。 


052 | spawnPoint. SendMessage("StartSpawn") ; 


また 、 リス ト 5 の Debri ス クリ プ ト の OnMouseDown 関数 の 中 で 、 以下 の よう に し て Score ス クリ 
プ ト の AddScore 関数 が 実行 され ます 。 2 番目 の 引数 に 呼び 出し た い 関 数 の 引数 を 与え る こと が で き 
まま 。 


033 | GameObject.Find ("Score'") . SendMessage ("AddScore", SCorFG) / 


Unity で は この よう に し て ゲー ム オ ブ ジ ェクト 同士 で 処理 を 分 担 す る こと が で きま す 。 


別 の コン ポー ネン ト へ アク セス する 
リス ト 4 の GameController ス クリ プ ト の Start 関 数 の 中 で 、 以下 の よう に し て Timer コン ポー ネン 
ト を 取得 し て いま す 。 


042 | timer = GameObject.Find("Timer") .GetComponent<Timer>() / 


これ は シー ン 中 の Timer オ ブ ジ ェクト に アク セス し て 、 そ こ に 追加 れ て いる Timer ス クリ プ ト へ 
アク セス し て いま す 。 

また 、 以 下 の よ うに し て Timer ス クリ プ ト で public 宣言 され て いる 関数 を 呼び 出す こと が で きま 
す 。 


056 | モ ュ mer . St 上 artT1mer () ; 


この よう に Unity で は 、 GetComponent 関 数 を 使う つこ と で 、 ス クリ プ ト か ら 別 の スク リプ ト や コン 
ポー ネン ト に アク セス する こと が で きま す 。 


コン ポー ネン ト の 有効 、 無 効 の 切り 替え 
GameController ス クリ プ ト で は 、 GUITexture の タイ トル 画像 、 タ イム アッ プ 画 像 の 表示 プ 非 表示 
の 切替 は 、 以下 の よう に 記述 し て いま す 。 


033 | guiTitle.enabled = true; 


すべ て の コン ポー ネン ト は 、 そ の コン ポー ネン ト が 有効 か 無効 か を 示す enable 変 数 を 持っ て いま 
す 。 こ れ は [Inspector] ビュ ー の コン ボー ネン ト 名 の 左側 の チェ ッ ク ボ ックス と 同じ 値 で す 。 無 効 に 
な っ た コン ポー ネン ト は 、 一 切 処 理 が され な く な り ま す 。 

実 省 の 場合 は 、GUI テ クス チャ を 表示 プ 非 表示 を 切り 替え る こと が で きま す 。 


cHAPTER03 3D り シュ ー テ ィング ゲー ム を 作る 


スク リプ ト は シー ン 中 の ゲー ム オ ブ ジ ェクト に 追加 され て 初め て 実行 され ます 。 
 *・ ス クリ ブ ト か ら 別 の ゲー ム オ ブ ジ ェクト に アク セス する 場合 は 、 GameObject.Find 関 数 を 使い ます 。 


* SendMessage 関 数 を 使っ て 、 ス クリ プ ト か ら 別 の ゲー ム オ ブ ジ ェクト の コン ポー ネン ト に メッ セー ジ を 
送る こと が で きま す 。 


スク リプ ト か ら 別 の スク リプ ト や コン ポー ネン ト に アク セス する 場合 は 、 GetComponent 関 数 を 使い 
ます 。 
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3 LESSON12 > 2 回 before py 2 f BlockBlue.cs、BlockGreen.cs、BlockRed.cs 


12-1 床 を 作成 する 


新しく プロ ジェ クト を 作成 し まし ょ よう ( 図 1)。 
名 前 は ILESSON12] と し ます ①。 

新しく Cube を 作成 し て 名 前 を 「Floor」 と し て 、 
[Inspector] ビュ ー で Transform の Position を 
[0, 0, 0] に ②、Scale を [6, 0.2, 6] に し ます ③。 | 


Static マ 


| efault 


図 1 : 床 の 作成 


っ 2) [BlockRed] と いう 名 前 の Cube を 作成 し て ( 図 2①)、[Inspector] ビュ ー で Transform の Position 
を 「0, 2, 0] に し て ⑨⑧、 Floor か ら 少 し 高い 位置 に 移動 し ます ③。 


BlockRed 
Floor 


面 」 A BlockRed | 口 static マ 
Tag | Untagged +| Layer | Default $ | 


人 図 2 : 赤い ブロ ッ ク の 作成 


[Project] ビュ ー 上 で 右 ク リッ ク し 
て [Create] っ [Materiall を 選択 
し て 新しい マテ リア ル を 作成 し 、 
名 前 を 「BlockRedMat」 に し ます 
( 図 3①)。 [Inspectorl ビュ ー の 「 BoctRedvar 
Main Color の 色 を R=255、 G=0、 
B=0、 A=255 に し ます ⑧ ぐ ③。 
BlockRedMat を [Hierarchy] ビュ MR 
ー の BlockRed オ ブ ジ ェクト に ドラ Shader pceーーーーーーーー- 
ッ グ S ドロ ッ プ し ます 。 次 に [Hier J 
archy] ビュ ー の BlockRed を 選択 
し て 、[Inspector] ビュ ー で [Add 図 3 : マテ リア ル の 作成 

Component] ボタ ン を クリ ッ ク し 

て 、 [Physics] っ [Rigidbody] を 選択 し ます ( 図 4①⑧③)。 

[Play] ボタ ン を クリ ッ ク し て ④⑭、 動作 を 確認 し ます 。 BlockRed オ ブ ジ ェクト が Floor に 落下 し ます ぐ ⑤。 


Add Componenk 


全 図 4 : 動作 を 確認 する 
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理 
正 
2 
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ン 
を 
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用 
す 
る 


赤い ブロ ッ ク を 少し バウ ンド する よう に 
する 

[Play」 ボタ ン を クリ ッ ク し て 、 ゲ ー ム を 停止 し 
ます 。 

[PfOjectl ビュ ョ ュー 上 で ウリ リョク し て (5 
[Create] [Physic Material] を 選択 し ます ② 
③。 名 前 は 「FloorPMat」 に し て Bounciness の 
値 を 0 か ら 1 に し ます ④。 

[Hierarchy] ビュ ー で Floor オ ブ ジ ェクト を 選択 
し て 、[Inspector] ビュ ー で Box Collider の Mat 
erial の 右側 の [ 〇 ] ボタ ン を クリ ッ ク し ⑤、[Sele 
ct PhysicMateriall ダイ アロ グ か ら 「FloorPM 
at」 を 選択 し ます ⑥。 [Play] ボタ ン を クリ ッ ク し 
て 動作 を 確認 し まし ょ う 。 落下 し た BlockRed 
オブ ジェ クト が 少し バウ ンド する よう に な り ま 
すぐ ⑦。 


[0 石 ク リッ ク 豆 
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Javascript 
C\ Script 

Boo Script 
Shader 
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ビニ ゴ Physic Material 
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Animator Controller 
Avatar Body Mask 
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今 図 5 : 赤い ブロ ッ ク を バウ ンド させ る 


cHAPTER04 3D り アク ショ ン パ ズル ゲー ム を 作る 


青い ブロ ッ ク を 作成 し て 落下 し な いよ うに する 
青い ブロ ッ ク を 作成 する 前 に 、[Game] ビュ ー で オブ ジェ クト が よく 見 える よう に [Hierarchy] ビュ 
ー に Directional light を 作成 し ます ( 図 6①②)。 


0 d ヨ 1LdVHO う 


Liirectinnal li ロ ht 


Main Camera 


念 図 6: Directional Light の 作成 


新しく Cube を 作成 し て 、 名 前 を 「BlockBlue] と し ます ( 図 7①)。 [Inspector] ビュ ー の Transform 
の Position を 「0.5, 1, -1] に ②、Scale を |2, 0.5, 1] に し て ③、 板 状 の 形 に 変更 し ます ⑭。 Inspector] 
ビ ピュー か ら [Add Component] ボタ ン を クリ ッ ク し て [Physics] > [Rigidbody] を 選択 し て 、 
Rigidbody コン ポー ネン ト を 追加 し ます 。 [Inspector] ビュ ー で Rigidbody の ls Kinematic の チェ ッ 
クボ ックス に チェ ッ ク を 入れ ます ぐ ⑤。 
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信 図 7 : 板 状 の ブロ ッ ク の 作成 


099 


[Project] ビュ ー で 新しく Material を 作成 し て 名 前 を 「BlockBlueMat」] に し ます ( 図 8①)。 [Inspector] 
ビュ ー で Main Color を R=0、 G=0、B=255、A=255 に し ます ②③。 BlockBlueMat を [Hierarchy] ビ 
ュー の BlockBlue ま で ドラ ッ グ S&S ドロ ッ プ し ます 。 

[Play] ボタ ン を クリ ッ ク し て ④、 動作 を 確認 し ます 。 ls Kinematic が 有効 に な っ て いる の で BlockBlue 
は 落下 し な いこ と が わか り ま すぐ ⑤。 
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念 図 8 : ブロ ッ ク の 動作 の 確認 


緑 の ブ ロッ ク を 作成 する 

新しく Cube を 作成 し て 、 名 前 を 「BlockGreen] に し ます ( 図 9①)。 [Inspector] ビュ ー の Transform 
の Position を 「1.5, 2, 0] に し ます ⑫。 BlockGreen オ ブ ジ ェクト に も Rigidbody コン ポー ネン ト を 
追加 し て お きま す 。 


‘= Hierarchy = 幸 Scen BQ Inspector 


A BockGreen static v 
Tag | Lintagged * Untagged  #| Layer | Default | 


TA Transform 


Directinnal light 追 Position 
Flngr ーー | 
Main Camera 


信 図 9 : 緑 の ブ ロッ ク の 追加 ① 


cHAPTER04 3D り アク ショ ン バ パズル ゲー ム を 作る 


新しく Material を 作成 し て 、 名 前 を 「BlockGreenMat| に し ます ( 図 10①)。 [Inspector] ビュ ー で 
Main Color を R=0、 G=255、 B=0、 A=255 に し ます ②。 BlockGreenMat を BlockGreen オ ブ ジ ェクト 
に ドラ ッ グ SS ドロ ッ プ し ます ③。 


@ Inspector 


う BlockCreenMat (1 ルウ 4 ルク 
Shader |Difftuse _ 上 1  ・| 
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全 図 10 : 緑 の ブ ロッ ク の 追加 ② 


答 フ ブロ ッ ク に スク リプ ブ ト を 適用 する オブ ジェ クト に ドラ ッ グ & ドロ ッ プ し て 追加 し 
赤 ブ ロッ ク の スク リプ ト は 、「before」 フォ ル ダ ます < 

か ら BlockRed.cs (リス ト 1) を イン ポー ト し ま 
す ( 図 11①②⑧)。 BlockRed ス クリ プ ト を BlockR 
ed オブ ジェ クト に ドラ ッ グ S&S ドロ ッ プ し て 追加 ーー 
し 表す 。 em eo: 
青い ブロ ッ ク の スク リプ ト は 、「before] フォ ル ee 

ダ か ら BlockBlue.cs (リス ト 2) を イン ボー ト し 

ます 。 BlockBlue ス クリ プ ト を BlockBlue オ ブ ジ 
ェクト に ドラ ッ グ & ドロ ッ プ し て 追加 し ます 。 
緑 の ブ ロッ ク の スク リプ ト は 、「before] フォ ル ! 條 Rsowee 
ダ か ら BlockGreen.cs (リス ト 3) を イン ポー ト 
し ます 。 BlockGreen ス クリ プ ト を BlockGreen 信男 11: ブロ ッ ク の スク リブ ト を 追加 


You can also import files by dragging them from the Finder into the Project view 
or manually copying them to the asset folder- 


マリ スト 1 : BlockRed.cs 
001 | using UnityEngine; 


002 | using System.Collections; 


003 

004 | pub1ic class BlockRed : MonoBehaV1our { 
005 

006 Vo1d OnMouseDown () { 

007 / / クリ ッ ク さ れる と オブ ジェ クト を 削除 する 
008 Destroy (gameObject) ; 

009 } 


101 


マリ スト 2 : BlockBlue.cs 
001 | using UnityEngine; 
002 using System.Collections; 


003 
004 public class BlockBlue : MonoBehaviour { 
005 // 回 転 速度 
006 public float rotateSpeed = 60FE: 
007 
電 008 // 回 転 中 フラ グ 
モ 009 private bool isRotate = false; 
ソン 010 
シ 011 void OnMouseDown () { 
ン 012 if (1sRotate) 
な 013 return; 
用 014 isRotate = true; 
す 015 StartCoroutine("RotateDestroy'") ; 
る 016 } 
017 
018 // 回 転 し て オブ ジェ クト を 削除 する 
019 IEnumerator RotateDestroy() { 
020 float angle = 0; 
021 while (angle < 90) { 
022 angle += rotateSpeed * Time.deltaTime; 
023 transform.Rotate(0O0, rotateSpeed * Time.deltaTime, 0): 
024 yield return null; 
025 } 
026 Destroy (gameObject) ; 
027 } 
028 | } 


マリ スト 3 : BlockGreen.cs 

001 using UnityEngine; 

002 | using System.Collections; 

003 | [RequireComponent (typeof (Rigi dbody) ) ] 


004 

005 | public class BlockGreen : MonoBehaviour { 

006 // ブロ ッ ク 破 壊 エ フェ クト 用 オブ ジェ クト 

007 public GameObject brokenBlocksPrefab; 

008 // ブロ ッ ク の 硬 さ 

009 public float hardness = 5E: 

010 

011 // 他 の Co111der と ぶつ か っ た 瞬間 に 呼び 出さ れる 

012 void OnCo111s1onEnEer (Co111s1on collisionInfo) { 

013 / / ぷ ぶつ か っ た 相手 の 速度 が 硬 さ を 上 回 る か チェ ッ ク 

014 if (collisionInfo.relativeVelocity.magnitude > hardness) { 

015 // ブロ ッ ク 破 壊 エ フェ クト 用 オブ ジェ クト を イン スタ ンス 化 

016 Instantiate (brokenBlocksPrefab, transform.position, 
brokenBlocksPrefab. transform. rotation) ; 

017 // オブ ジェ クト を 削除 

018 Destroy (gameObject) ; 

019 } 

020 } 


921 | # 
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7 緑 の ブ ロッ ク が 破壊 され た 時 の オブ ジェ クト を パー ティ クル で 作成 し ます 。 
[Hierarchy] ビュ ー の [Create] メニ ュー か ら [Particle System] を 選択 し て ( 図 12①②)、 パ ー テ ィ 
クル を 作成 し ます ③。 名 前 を 「BlockGreenBroken] に し ます ④。 [Inspector] ビュ ー で Transform の 
Position を 「0. 0, 0」 に 設定 し ます ⑤。 Particle System の [Open Editor] ボタ ン を クリ ッ ク し て ⑯、 
パラ メー タ を 表 1 の よう に 設定 し ます ⑦-⑯。 
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念 図 12 : 緑 の ブ ロッ ク の 作成 


マ 表 1 : パラ メー タ 


W 
x 
| 
VT 
ユ 
同 


Duration 
Looping OFF 
_Start Lifetime 1 
_Start Speed 10 
_Start Size 0.5 
間 6/ Multiplier 2 
還 _Emission Rate 8 
ン Render Mode Mesh Cube 
ンジ _Renderer 
Material BlockGreenMat 


プレ ハブ 化す る 

が い プ ロッ ク 、 青い プロ ッ ク 、。 そ じ て パー ディ タク 
ル を プレ ハブ 化し まし ょ う 。 [Hierarchy] ビュ ー 
の BlockRed オブジェ クト を [Project] ビュ ー ま 
で ドラ ッ グ く ド ロッ プ し て プレ ハブ に し ます ( 図 
13①)。 BlockBlue オ ブ ジ ェクト と BlockGreenBr 
oken オ ブ ジ ェクト も 同様 に プレ ハブ に し ます 。 
な お [Hierarchy] ビュ ー に 残っ た BlockGreenBr 
oken オ ブ ジ ェクト は 不要 で す の で 削除 し ます 。 
[Hierarchy] ビュ ー で BlockGreen オ ブ ジ ェクト 
を 選択 し て ②、[Inspector] ビュ ー で BlockGre 
en スク リプ ト の BrokenBlockPrefab パ ラメ ー 
タ の 右側 の [O] ボタ ン を クリ ッ ク し て か ら ぐ ③、 
[Assets] か ら 「BlockGreenBroken] プレ ハブ 
を 選択 し ます ④⑭。 

[Inspector] ビュ ー で 各 ブ ロッ ク の Transform 
の Position を 表 2 の よう に 修正 し ます 。 

[Play] ボタ ン を クリ ッ ク し て 動作 を 確認 し ます 。 
赤い ブロ ッ ク を 先 に クリ ッ ク し て 消し て し まう 
と 、 緑 の ブロ ッ ク が 落下 し て 壊れ ます 。 先 に 青 
ブロ ッ ク を クリ ッ ク す る と 緑 ブ ロッ ク を うま く 
着地 させ る こと が で きま すぐ ⑤。 
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マ 表 2 : 各 ブ ロッ ク の Transform の Position 


ウツ グ ク Transform の Position 
BlockRed 0,07, 0 
BlockBlue 0.2, 1.5、 -0.5 
BlockGreen -0.2, 2.4, -0.5 


今 図 13 : プレ ハブ 化 


cHAPTER04 3D り アク ショ ン パ ズル ゲー ム を 作る 


北 党 参 RigidDody コン ポー ネン ト に つい て 


CHAPTER 03 の サン プル で は ゲー ム オ ブ ジ ェクト を 移動 する 、 回 転 す る た め に スク リプ ト で 
Transform コン ポー ネン ト を 操作 する 必要 が あり まし た 。 

Unity に は IPhysX」 (フィ ジッ クス ) と いう 物理 エン ジン が 組み 込ま れ て いて 、 ゲ ー ム オブ ジェ クト 
に Rigidbody コン ポー ネン ト を 追加 する だ け で 、 簡 単に 物理 的 な 動作 を させ る こと が で きま す 。 
LESSON 12 で は BlockRed オ ブ ジ ェクト な ど に Collider コ ン ポ ー ネ ン ト を 追加 し て 床 で ある Floor オ 
プ ジ エ クト まで 閣下 し まし た 。 

Rigldbody コン ポー ネン ト が 他 の 物体 に 衝突 する 動作 を する た め に は 、 ゲ ー ム オブ ジェ クト の 衝突 
判定 を する た め の Colliider コ ン ポ ー ネ ン ト が 追加 ご れ て 、 有効 に な っ て いる 必要 が あり ます 。 

た めし に BlockRed オ ブ ジ ェクト の Box Collider の チェ ッ ク ボ ックス の チェ ッ ク を 外し て ( 図 14①)、 
[Play| ボタ ン を クリ ッ ク し て くだ さい 。 す る と BlockRed オ ブ ジ ェクト は 、 Floor オ ブ ジ ェクト を すり 
抜け て 落下 し 続け ます ⑫。 


「 
エエ 
> 
"9 
| 
『T1 
と 
© 
= 


@ ーー Inspectar__ 


“rm 2 = 目 
ip_ lp _  ]zlo | 
0 ェ ッ ク を 外す 


今 図 14 : 動作 の 確認 


PhysX 


物理 エン ジン に 特 化 し た ゲー ム 開 発 用 の SDK で す 。 
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[Inspector] ビュ ー で 設定 で きる 項目 
[Inspector] ビュ ー で 設定 で きる 項目 を 見 て いき まし ょ う ( 図 15①~⑨、 表 3)。 


⑤ 〇 @@@@@ 〇 


上 InnrPIMat 


今 図 15 : [Inspector] ビュ ー の 設定 項目 


マ 表 3 : [Inspector] ビュ ー で 設定 で きる 項目 


項目 


Angular Drag 


Use Gravity 


ls Kinematic 


Interpolate 


Collision Detection 


Constraints 


Physic Material 


オブ ジェ クト の 質量 。 他 の オブ ジェ クト へ 与え た り 、 与 えら れ た りす る 力 の 計 
算 に 使わ れる 


移動 に 対す る 抵抗 
回 転 に 対す る 抵抗 。 大 きい ほど 動か す た め に 必要 な 力 が 増え る 


重力 に よる 移動 を する か どう か を 確認 する 。 チ ェ ッ ク を オフ に する と 重力 に 関 
係 な くそ の 場 に に ど ま る 


物理 的 な 動作 を スク リプ ト で コン トロ ー ル する か どう か を 設定 する 。 チェ ッ ク 
が オン に な る と 、 Transform コン ポー ネン ト の 変化 に よっ て の み 物 理 的 な 力 が 
発生 する 


動作 の 補間 方 法 。 通 常 は 補間 し な い 「None」 に な っ て いる が 、 動 作 が ぎ こ ち 
な く な っ て し まう よう な 場合 に 、 前 の フレ ー ム か ら 補 間 し た り 次 の フレ ー ム 位 
置 を 予想 し た り し て 補間 させ る た め の 設 定 で ある 


衝突 判定 の 方 法 。 オ ブ ジ ェクト の すり 抜け が 発生 し て し まう 場合 に 衝突 判定 の 
方 法 を 変更 する 。 デ フォ ルト で は 「Discrete] に な っ て いる が Continuous や 
Continuous Dynamic に 変更 する と オブ ジェ クト の すり 抜け を 防ぎ や すく な 
る 


拘束 の 設定 。 移 動 や 回 転 の 拘束 を 設定 する 。 Freeze Position で 指定 軸 方 向 へ 
の 移動 を 制限 する こと が で き 、 Freeze Rotation で 指定 軸 で の 回 転 を 制限 する 
こと が で きる 


サン プル で は Floor オ ブ ジ ェクト に ぶつ か っ た オブ ジェ クト が バウ ンド する よ 
うに Physic Material を 作成 し て Floor オ ブ ジ ェクト の Collider に 設定 し て い 
る 。 Physic Material を 設定 する と 、Rigidbody で 物理 的 な 運動 を する オブ ジ 
ェクト が 衝突 し た 時 の 動作 を 変更 する こと が で きる 


cHAPTER04 3D り アクション パズル ゲー ム を 作る 


[Inspector] ビュ ー の Physic Material ノー 
[Inspector] ビュ ー の Physic Material の 設定 項目 を 見 て み ま し ょ う ( 図 16、 表 4)。 エ 
3 
等 Insp つ | 
©o 
a アニ 


= Foor 


① 
② 
③ 
④ 
(⑥) | Frictiom HireCtinh 2 
01 
⑦ 
念 図 16 : Physic Material 
02 
マ 表 4 : Physic Material の 項目 
i id 動 的 摩擦 度 。 0 に する と 氷 の よう に つる つる に な り 、1 に する と オブ ジェ クト 
eo io を 動か す の に 大 き な 力 が 必要 に な る 剛 
隊 静 的 摩擦 度 。 オ ブ ジ ェクト が 静止 し て いる 状態 か ら 動き 始め る まで の 摩擦 
(ON Static Friction 度 。0 に する と 抵抗 が な く な り 、1 に する と 動き 出す まで に 大 き な 力 が 必要 に 
な る 


弾力 度 。 オ ブ ジ ェクト が 衝突 し た 時 に 跳ね 返る 力 を 指定 する 。 0 の 場合 、 跳 ね 


MS 返ら ず 、 1 の 場合 、 力 の 減少 が な いま ま 同 じ 力 で 跳ね 返る 
摩擦 の 合成 モー ド 。 Physics Material が 指定 され た 2 つの 物理 オブ ジェ クト 
が 衝突 し た 時 の 摩擦 度 の 合成 モー ド を 指定 する 。 モード は 次 の 4 つが ある 
Average 2 つの 平均 値 2 
Friction Combine Min 小さ い 方 の 値 
Max 大 きい 方 の 値 
Multiply 2 つの 値 を 掛け 合わ せ た 値 06 
弾力 度 の 合成 モー ド 。 Physic Material が 指定 され た 2 つの 物理 オブ ジェ ク 
Bounce Combile ト が 衝突 し た 時 の 弾力 度 の 合成 モー ド を 指定 する 。 モ ー ド は Friction 
Combine と 同じ 
| Friction Direction 2 方 向 別 の 摩擦 度 。 0 以外 を 指定 する と X、 Y、 方向 別に 摩擦 度 を 変更 で きる 07 
D Lc Frictlon う 方 向 別 の 動 的 摩擦 度 。 Friction Direction 2 で 指定 され て いる 方 向 の 動 的 摩 
ynamic Friction 擦 度 を 指定 する 
Static Friction 2 方 向 別 の 静 的 磨耗 度 。 Friction Direction 2 で 指定 され て いる 方 向 の 静 的 摩 
| Static Friction 擦 度 を 指定 する 間 os 
BlockRed ス クリ ブ ト に つい て 
BlockRed ス クリ プ ト は オブ ジェ クト が クリ ッ ク さ れる と ブロ ッ ク が 消え る と いう も の で す 。 実際 王 認 9 


の スク リプ ト は 実習 の リス ト 1 の と お り で す 。 
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BlockBlue ス クリ プ ト に つい て 

BlockBlue ス クリ プ ト は オブ ジェ クト が クリ ッ ク さ れる と Y 軸 を 中 心 に 90 度 回 転 し た の ち 消 えま す 。 
BlockBlue オ ブ ジ ェクト の Rigidbody コンポ ボー ネン ト は ls Kinematic が ON に な っ て いま し た 。 
BlockBlue オ ブ ジ ェクト の よう に Kinematic な ゲー ム オ ブ ジ ェクト は 、Transform コン ポー ネン ト で 
移動 や 回 転 を させ る こと に よっ て 、 他 の 物理 オブ ジェ クト に 対し て 物理 的 な 運動 を させ る こと が で き 
ます 。 つ まり スク リプ ト で コン トロ ー ル で きる 物理 オブ ジェ クト を 作成 する こと が で きま す 。 実際 の 
スク リプ ト は 実習 の リス ト 2 の と お り で す 。 


BlockGreen ス クリ プ ブ ト に つい て 
宗 ブ ロッ ク が Floor に 衝突 する と 緑 ブ ロッ ク は 消え 、 小 さい 緑 ブ ロッ ク が 発生 する パー ティ クル オ 
ブ ジ ェクト が 表示 され る 演出 を し まし た 。 


実習 の リス ト 3 の OnCollisionEnter 関 数 を 見 て み ま し ょ う 。 Colliider コン ポー ネン ト が 追加 べ れ た 
ゲー ム オ ブ ジ ェクト 同士 が 衝突 し た タイ ミン グ で 、 この 関数 が 実行 され ます 。 引数 に は Collision オ ブ 
ジェ クト が 渡さ れ 、 衝突 情報 に アク セス する こと が で きま す 。 こ こ で は 、 


collisionInfo.relativeVelocity.magnitude 


の 部 分 で 衝突 時 の 力 を 取得 し て いま す 。 一 定 以上 の 力 で 衝突 し た 場合 は 、BlockGreenBroken プレ 八 
ブ を イン スタ ンス 化し て 、 BlockGreen オ ブ ジ ェクト 自身 を Destroy 関数 で 削除 し て いま す 。 


バー ティ クル シス テム に つい て 

緑 の ブ ロッ ク が 破壊 され た 時 に 表示 する BlockGreenBroken オ ブ ジ ェクト は 、 パ ー テ ィ ク ル を 利用 
し て 作成 し て いま す 。 

Duration を 1、 Looping の チェ ッ ク ボ ックス を オフ に 、 Start Lifetime を 1 に し て 、 パ ー テ ィ ク ルオ 
ブ ジ ェクト が 生成 され て か ら 、 1 秒間 だ け 発 生 す る よう に 設定 し て いま す 。 

Start Speed は 10 と し て 、 パ ー テ ィ ク ル の スピ ー ド を 早め に し て いま す 。 Start Size は 0.5 と し て 小 
さ な Cube が 発生 する よう に 、 Gravity Modifier を 2 に し て 、 発生 し た パー ティ クル に 重力 の 力 で 落下 
する よう に し て いま す 。 

Emission の Rate を 8 に する こと で 、 1 秒間 に 8 個 パ ー テ ィ ク ル が 発生 し ます 。 

Renderer の Render Mode を Mesh に し て パー ティ クル に Mesh デ ー タ を 利用 し 、 Material に 
BlockGreen を 指定 し て 、 BlockGreen オ ブ ジ ェクト と 同じ よう に 描画 され る よう に 指定 し て いま す 。 


* Rigidbody コン ボー ネン ト で ゲー ム オ ブ ジ ェクト に 物理 動作 を させ る こと が で きま す 。 

* Rigidbody コン ボー ネン ト は 通常 Collider コンボ ポー ネン ト と 組み 合わ せ て 利用 し ます 。 

スク リプ ト で 操作 し た い 物 理 オ ブ ジ ェクト は Kinematic な Rigidbody コン ボー ネン ト を 使い ます 。 

* Physics Material で 物理 オブ ジェ クト と Collider が 衝突 し た と き の 摩 擦 度 や 弾力 度 を 設定 で きま す 。 


調 「LESSON12」 ブ ロジ ェクト 、 BlockGreen.cs、DropZone.cs、 
a aN 1 > 2 画 before > 2 GameController.cs、 ClearLogo.psd、 FailedLogo.psd 


13-1 床 を 作成 する 


LESSON 12 の 続き か ら 開 始 し ます 。 ま た は 「before] フォ ル ダ か ら 「LESSON12] プロ ジェ クト を 開 
さ Stage01 シー ン を 開い て くだ さい 。 Floor の 下 に 大 きく 平ら な Box Collider を 作成 し ます 。 空 の ゲ 
ー ム オブ ジェ クト を 作成 し て 名 前 を 「DropZone] と し ます ( 図 1①)。 [Inspector] ビ ピュー の Transfo 


rm の Position を [0, -5, 0] に し ます ②。 


- き es 


= Hierarchy Scene 
ckBlue mo Layer ua ーーー 。 一 一 一 


信 図 1 : Box Collider の 作成 
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コン ポー ネン ト に Box Collider を 追加 する 

[Inspector] ビュ ー か ら [Add Component] ボタ ン を クリ ッ ク し て [Physics] っ [Box Collider] を 
選択 し て ①②③、 コ ン ボ ポー ネン ト に Box Collider を 追加 し ます 。 [Inspector] ビュ ー で Box Collider 
の [ls Trigger] に チェ ッ ク を 入れ て ④、 Size を 「50, 1, 50] に し ます ぐ ⑤。 


@Inspecter 


Bax Collider 


今 図 2 : コン ポー ネン ト に Box Collider を 追加 


DropZone オ ブ ジ ェクト に スク リプ ト を 割り 当て る 
[before] フォ ル ダ か ら DropZone.cs を イン ポー ト し ます (リス ト 1)。 DropZone ス クリ プ ト を [Hier 
archy] ピュ ー の DropZone オ ブ ジ ェクト に ドラ ッ グ S&S ドロ ッ プ し ます ( 図 3)。 


ドラ ッ グ & ド ロッ プ 本 
2 
| 


Dropzone 


今 図 3 : スク リプ ト を 割り 当て る 


リス ト 1 : DropZone.cs 
001 | using UnityEngine; 
002 using System.Collections; 


003 

004 | public class DropZone : MonoBehaviour { 

005 

006 private GameObject gameController; 
(… 中 略 …) 

016 Destroy (other. gameObject) ; 

9 7 } 


cHAPTER04 3 り ア クシ ョ ン パ ズル ゲー ム を 作る 


GameController オ ブ ジ ェクト を 作成 する 

新しく 空 の ゲー ム オ ブ ジ ェクト を 作成 し て 、 名 前 を 「GameController] に し ます 。 「before] フォ ル ダ 
か ら CGameControllercs を イン ポー ト し ます (リス ト 2)。 GameController ス クリ プ ト を [Hierarchy 
ビュ ー の GameControler オ ブ ジ ェクト に ドラ ッ グ & ドロ ッ プ し て 追加 し ます ( 図 4①②)。 


ーー Assets 


今 図 4 : GameController オ ブ ジ ェクト の 作成 


マリ スト 2 : GameController.cs 
001 | using UnityEngine; 
002 | using System.Collections; 


003 

004 | public class GameController : MonoBehaviour { 
005 

006 public GUITexture texClear; 
007 public GUITexture texFailed; 
008 

009 Vo1d Start() { 

010 texClear.enab1ed = false; 
011 texFailed.enabled = false; 
012 } 

013 

014 void StageClear() { 

015 texClear.enabled = true; 
016 } 

017 

018 Vo1d StageFailed() { 

019 texFailed.enabled = true 
020 } 


GameController の GUI の 画面 を 作成 する 
5) [before] フォ ル ダ か ら ClearLogo.psd を イン ポー ト し て ( 図 5①)、[Inspector] ビ ピュー で Texturely 
pe を [GUI] に 変更 し ②、[Apply] ボタ ン を クリ ッ ク し ます ③。 インポート し た ClearLogo テ クス チ 
ャ を 選択 し た 状態 で ④、[Hierarchy] ビュ ー の [Create] メニ ュー か ら ぐ ⑤ [GUI Texture] を 選択 し ます 
(⑥。 


CLEARI! ClearLogo.psd 


| 箇 project 還 
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念 図 5 : GameController の GUI 画 面 の 作成 ① 


FailedLogo.psd も 同様 に イン ポー ト し て Texture Type を [GUI] に 変更 し て 、[Hierarchy] ビュ ー の 
[Craete] メニ ュー か ら [GUI Texture] を 選択 し 、 GUI Texture を 作成 し ます ( 図 6⑦⑧)。 


ー Assers 


l 


0 ィ ン ホ ポー ト 注 店 


人 図 6 : GameController の GUI 画面 の 作成 ② 


cHAPTER04 3D り アク ショ ン パ ズル ゲー ム を 作る 


テク スチ ャ を GUI に 設定 する ノー 


GameController オ ブ ジ ェクト を 選択 し て ( 図 7①)、lInspectorl ビュ ー の GameController ス クリ 
プ ト の Tex Clear パ ラメ ー タ に ClearLogo テ クス チャ を ②③、 Tex Failed に FailedLogo テ クス チャ を 、 
右側 の [の O] ボタ ン を クリ ッ ク し て 設定 し ます ④⑭⑤。 

[Hierarchy] ビュ ー で ClearLogo を 選択 し て ⑥、[Inspector] ビュ ー で GU| Texture の チェ ッ ク ボ ッ ク 〆 
ス の チェ ッ ク を 外し て 非 表示 に し ます ⑦。 FailedLogo も 同様 に 非 表 示 に し て お きま す 。 7 


0 d ヨ ldVHO 


FailedLnggo 


⑭ チェ ッ ク を 外す 


ClearLagn 


今 図 7 : テク スチ ャ を GUI に 設定 
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緑 の ブ ロッ ク に 静止 する 処理 を 追加 する 


緑 の ブ ロッ ク が Floor に 静止 も し た か どう か を 判定 する 処理 を 記述 し ます 。 BlockGreen ス クリ プ ト を 開 


いて リス ト 3 の よう に 編集 し ます 。 


ャ リス ト 3 : BlockGreen.cs 


001 
002 
003 
004 
005 
006 
007 
008 
009 
010 
OiT 
012 
013 
014 
015 
016 
017 
018 
019 
020 
021 
022 
023 
024 
025 
026 
027 
028 
029 
030 
031 
032 
033 
034 
035 
036 
037 
038 
039 
040 
041 
042 
043 
044 
045 


using UnityEngine; 


using System.Collections; 


[RequireComponent (typeof (Rigidbody) ) ] 


public class BlockGreen : MonoBehaviour { 


// ブロ ッ ク 破 壊 エ フェ クト 用 オブ ジェ クト 

public GameObject brokenBlocksPrefab; 

// ブロ ッ ク の 硬 さ 

public float hardness = 5f; 

// ブロ ッ ク 停 止 を 判断 する 移動 量 の し きい 値 

public float stopDetectMagnitude = 0.1f; 
// ブロ ッ ク 停 止 を 判断 する 時 間 

public float stopDetectTime = 1f; 


// ブロ ッ ク 停 止 判断 中 

private boo1 1sStopCheckind = false; 
// ブロ ッ ク 停 止 時 間 

private float stopTime; 

// ゲー ムコ ント ロー ラー オブ ジェ クト 

private GameObject gameController; 


VOo1d Start() { 
/ / シー ン か ら GameContro11er エ オブ ジェ クト を 取得 する 


gameController = GameOb]ect .F1nd ("GameController") / 


Vo1d Update () { 
/ / ブロ ッ ク の 移動 速度 が し きい 値 以下 か チェ ッ ク 


if (rigidbody.velocity.magnitude < stopDetectMagnitude) 


if (!'isStopChecking) { 
isStopChecking = true; 
// ブロ ッ ク が 停止 し た 時 間 を 記録 
stopTime = Time.time; 


} 


} else { 


} 


isStopChecking = false; 


// 一 定時 間 停 止 状態 で 、Floor の 上 で 停止 し て いる か チェ ッ ク 
if (isStopChecking 


&& (Time.time - stopTime) > stopDetectTime 
&& IsGround()) { 

// GameController に 成功 を 伝え る 
gameController. SendMessage("StageClear") / 
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046 } 

047 中 

048 // ブロ ッ ク が Fi1ooc の 上 に 接触 し て いる か どう か ー 

049 bool TsGround() { m 

050 / / F1oor が 属し て いる FToor エ レイ ヤー の レイ ヤー マス ク 

051 int layerMaskFloor = 1 << 8; a 

052 // ブロ ッ ク の 下方 向 に レイ を 発射 し て ヒッ ト す る か チェ ッ ク 

053 if (Physics.Raycast(transform.position, -Vector3.up, | 栖 
collider.bounds.extents.y, layerMaskFloor)) { 

054 return true; 

055 } 

056 return false; 

057 } 

058 

059 // 他 の Co111der と ぶつ か っ た 瞬間 に 呼び 出さ れる 

060 Vo1d OnCollisionEnter(Collision collisionInfo) { 

061 / / ぷ ぶつ か っ た 相手 の 速度 が 硬 さ を 上 回 る か チェ ッ ク 

062 if (collisionInfo.relativeVelocity.magnitude > hardness) { 

063 / / ブロ ッ ク 破 壊 エ フェ クト 用 オブ ジェ クト を イン スタ ンス 化 

064 Tnstantiate (brokenB1ocksPrefFab, transform.position, | 
brokenB1ocksPrefab . transform. rotation) / 

065 / / オブ ジェ クト を 削除 

066 Destroy (gameObject) / 

067 // GameContro11er に 失敗 を 伝え る 

068 gameController.SendMessage("StageFailed") / 

069 } 

070 } 

071 | } 

レイ ヤー を 変更 する = Hierarchy 

[Hierarchy] ビュ ー で Floor オ ブ ジ ェクト を 選択 Block 

し て ( 図 8①)、 [Inspector] ビュ ー の [Layer] の 還 編 編 編 


Innr 


ドロ ッ プ ダウ ン リ スト か ら [Add Layer] を 選択 
し ます ②。 す る と [Inspector] ビュ ー に 「Tag 
Manager」 が 表示 され ます 。 


a | EU OE 4 
Main Camera 


User Layer 8 の 右側 を クリ ッ ク し て 編集 可能 状 暫 Stie テ 
態 に し て 、「Floor」 と 入力 し ます ⑨③。 も う 一 度 Tag [Untagged  $]| Layer / Default 
[Hierarchy] ビュ ー で Floor オ ブ ジ ェクト を 選択 ~~ 。 Transform RT 

か i Position Ignore Raycast 
し て 、[Inspector] ビュ ー の [Layer] の ドロ ッ プ 了 Water 


ダウ ン リ スト か ら [Floor] を 選択 し ます ④。 
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[i] Inspectar 


oer | satic 
Tag |Untagged  #| Layer ry Default 


TransparentF※ 
I ロ nore Raycast 


User Lawer 8 
User Lawer 9 


る 図 8 : レイ ヤー の 変更 


[Play] ボタ ン を クリ ッ ク し て 動作 を 確認 し ます 。 緑 の ブロ ッ ク が 破壊 され る と 「Failed」 ( 図 9①)、 
Floor の 上 で 静止 する と [Clear」 と 表示 され る よう に な り ま す (⑫。 


9⑨ 失敗 し た 時 の 表示 


=L 
き 1 
] 


の 9 クリア し た 時 の 表示 


人 図 9 : 緑 の ブ ロッ ク の 動き の 確認 


= Hierarchy 


9 や BlockBlue 
DropZone オ ブ ジ ェクト の 動き も チェ ッ ク し ま 

し ょ う 。 [Play] ボタ ン を クリ ッ ク し て 、 プレイ 状 千明 
態 に し た 後に Floor オ ブ ジ ェクト を 選択 し て ( 図 
10①)、[Inspector] ビュ ー で 名 前 (Floor) の 横 A 

の チェ ッ ク ボ ックス を 外し て ②、Floor を 一 時 的 
に 消し て み ま す 。 ブ ロッ ク が 画面 の 下 の ほ うに 
落ち る と 、DropZone の 位置 で オブ ジェ クト が - 
削除 され る こと を 確認 で きま す ③。 ま 記 (0 チェ ッ ク を 外す 


Position 


今 図 10 : DropZone オ ブ ジ ェクト の 動き の 確認 
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13-2 4wiejlle[ja に つい て 


Collider (コラ イダ ー) は 、 他 の ゲー ム オ ブ ジ ェクト の 衝突 を 検知 で きる コン ポー ネン ト で す 。 
Rigidbody コン ポー ネン ト が 追加 され た ゲー ム オ ブ ジ ェクト の 障害 物 に する こと が で きま す 。 他 に も 
スク リプ ト で 別 の Collider コン ポー ネン ト 付 き の ゲ ー ム オブ ジェ クト と の 衝突 を 確認 で きま す 。 

実習 の サン プル は 、 BlockRed、 BlockBlue、 BlockGreen、 Floor、 DropZone オ ブ ジ ェクト に Box 
Collider コ ン ポ ー ネ ン ト が 使わ れ て いま す 。 

Unity に 用 意 さ れ て いる Collider の 種類 を 見 て み ま し ょ う ( 表 1)。 


マ 表 1 : Collider の 種類 


Collider の 名 前 内 傘 
〒 1 YBox Collider 回 を 
キー CE i | 
メロ ーーーー ャ ド EE 
Box Collider 立方 体 の 範囲 で 衝突 を 検知 する 
Sphere Collider 球 の 形 で 衝突 を 検知 する 
カプ セル 状 の 形 で 衝突 を 検知 す 


Capsule Collider る 


メッ シュ デー タ を 元 に 衝突 を 判断 
する コラ イグ ダー。 諾 図 は プリ ミ テ 
ィ ブ モデ ル の メッ シュ デー タ で あ 


Mesh Collider る Plane を 選択 し て いる 。 Box 
Collider や Sphere Collider に 
比べ 、 複 雑 な 形 の 当たり 判定 が で 
きる が 処理 が 重く な る 
Trigger 


Collider コン ポー ネン ト に は 「ls Trigger」 と いう 値 が 用 意 さ れ て いま す 。 こ の 値 が 有効 な Collider 
は 、 物 理 エ ンジ ン に よっ て 障害 物 と みな され ず に 、 衝 突 範囲 に 突入 し た こと だ け を 知る こと が で きる 
セン サー の よう な 働き を を する よう に な り ま す 。 


の 
エエ 
コラ 
や で 
ゴ 
Ti 
と ッ 
© 
i 


ス 
ププ 
| 
シン 
1 
し 
@ 
結 
宗 
画 
面 
を 
表 
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す 
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リス ト 1 の DropZone ス クリ プ ト で は Box Collider の ls Trigger を オン に し て ヒッ ト し た オブ ジェ 
クト が 衝突 範囲 に 入っ た こと を 検知 し 、 OnTriggerEnter 関 数 で ヒッ ト し た ゲー ム オ ブ ジ ェクト を 削除 


し て いま す 。 


マ DropZone.cs 


001 using UnityEngine; 


002 using System.Collections; 


003 


004 public class DropZone : MonoBehaviour { 


005 
006 
007 
008 
009 
010 
011 
012 
013 
014 
015 
016 
017 
018 
019 
020 
921 
022 | } 


/ / GameContro11er 


private GameObject gameController; 


void Start () { 
// シー ン か ら GameController オ ブ ジ ェクト を 取得 する 
gameController = GameObject.Find ("GameController") ; 


} 


// 他 の Co111der が ヒッ ト し た 瞬間 
Vo1d OnTriggerEnter (Co111der other) { 
if (other.name == "BlockGreen") { 
// 縁 ブ ロッ ク が ヒッ ト し た ら ゲ ー ム コン トロ ー ラ ー に 失敗 を 通知 
gameController. SendMessage("StageFailed") / 
} 
// ヒッ ト し た オブ ジェ クト を 削除 する 
Destroy(other. gameObject) ; 


OnCollider 系 関数 と OnTrigger 系 関数 の 違い 


LESSON 12 で 緑 の ブ ロッ ク が 他 の オブ ジェ クト と 衝突 する の を 検知 する こと を 知る た め に 
OnColliderEnter 関 数 を 使い まし た 。 こ の LESSON で は DropZone オ ブ ジ ェクト で ブロ ッ ク が 消え る 


部 分 の 処理 に OnTriggerEnter 関 数 を 使っ て いま す 。 


具体 的 に は 、 Collider の ls Trigger が 有効 に な っ て いる 時 、 他 の オブ ジェ クト が 衝突 し た 瞬間 に 
OnTriggerEnter 関 数 が 呼ば れ 、 衝突 し て いる 間 OnTriggerStay 関数 が 呼ば れ 、 衝突 が 終わ っ た 瞬間 に 


OnTriggerExit 関数 が 呼ば れ ま す 。 


Collider の ls Trigger が 無効 の 時 は 、 他 の オブ ジェ クト が 衝突 し た 瞬間 に OnCollisionEnter 関 数 、 
衝突 し て いる 間 に OnCollisionStay 関数 、 衝突 が 終わ っ た 瞬間 に OnCollisionExit 関 数 が 呼ば れ ま す 。 


OnCollision 系 関数 の 発生 条件 


OnCollision 系 の 関数 が 呼び 出さ れる に は 、 ど ちら か 一 方 の ゲー ム オ ブ ジ ェクト に Rigidbody が 追 
加 さ れ て いな いと いけ ませ ん 。 こ の 時 、 Rigidbody は ls Kinematic が 無効 に な っ て いる 必要 が あり ま 


す 。 ま た 、 両方 の Collider の ls Trigger が 無効 で め ある 必要 が あり ます 。 
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OnTrigger 系 関数 の 発生 柔 件 
OnTrigger 系 の 関数 が 呼び 出さ れる に は 、 ど ちら か 一 方 の Collider の ls Irigger が 有効 で な けれ ば 
な ら ず 、 また どちら か 一 方 の ゲー ム オ ブ ジ ェクト に Rigidbody が 追加 され て いな いと いけ ませ ん 。 


0 d ヨ 1LdVHO う 


Rigidbody の 静止 状態 を 検出 する 

BlockGreen オ ブ ジ ェクト が Floor オ ブ ジ ェクト の 上 で 静止 し て いる 状態 を 検知 部 分 を 見 て み ま し 
ょ う 。 BlockGreen ス クリ プ ト の Update 関 数 の 中 で 静止 状態 を チエ ッ ク し て 、lsGround 関 数 で Floor 
オブ ジェ クト の 上 か どう か 判断 し て いま す 。 


028 Vo1d Update () { 

029 / / ブロ ッ ク の 移動 速度 が し きい 値 以下 か チェ ッ ク 

030 if (rigidbody.velocity.magnitude < stopDetectMagnitude) { 

031 if (!1SStopCheock1nqd) { 

032 isStopChecking = true; 

033 // ブロ ッ ク が 停止 し た 時 間 を 記録 

034 stopTime = Time.time; 

035 } 

036 } else { 

037 isStopChecking = false; 

038 } 

039 // 一 定時 間 停 止 状態 で 、Floor の 上 で 停止 し て いる か チェ ッ ク 

040 if (isStopChecking 

041 && (Time.time - stopTime) > stopDetectTime 

042 && IsGround()) { 

043 // GameController に 成功 を 伝え る 

044 gameController.SendMessage("StageClear") ; 

045 } 

046 } 

047 

048 // ブロ ッ ク が Floor の 上 に 接触 し て いる か どう か 

049 bool IsGround() { 

050 // Floor が 属し て いる Floor レ イヤ ー の レイ ヤー マス ク 

051 int layerMaskFloor = 1 << 8; 

052 // ブロ ッ ク の 下方 向 に レイ を 発射 し て ヒッ ト す る か チェ ッ ク 

053 if (Physics.Raycast(transform.position, -Vector3.up, | 条 
collider.bounds.extents.y, layerMaskFloor)) { 

054 return true; 

055 } 

056 return false; 

057 } 


Rigidbody が 静止 し て いる か どう か を 確認 する 処理 
BlockGreen ス クリ プ ト の Update 関 数 内 部 の 中 で 、 rigidbody.velocity.magnitude で Rigidbody 
の 速度 を 取得 し て stopDetectMagnitude 変 数 の 数 値 以下 な ら 静 止 し て いる と 判断 し て いま す 。 
ridIdbody は ゲー ム オ ブ ジ ェクト に 追加 され て いる rigidbody コ ン ポ ー ネ ン ト で 、 velocity は 
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Rigidbody の X、 Y、 Z 方 向 へ の 速度 が Vector3 型 と し て 取得 で きま す 。 Vector3 型 の magnitude 変 
は 、 ベ クト ル の 大 き さ の こと で 、 こ れ が 一 定 の 数 値 以下 な ら オ ブ ジ ェクト を 静止 し て いる も の と 判断 
し て いま す 。 

オブ ジェ クト が 静止 し て いる か どう か は 判断 する こと が で きま し た が 、 こ の まま で は Floor オ ブ ジ 
ェクト の 上 で 静止 し て いる の か 他 の ブロ ッ ク の 上 で 静止 し て いる の か 判断 で きま せん 。 lsGround 関 
数 で 下方 向 に 接触 し て いる オブ ジェ クト が Floor か どう か を 判断 し て いま す 。 


IsGround 関 数 の 処理 

Physics.Raycast 関 数 で 、 緑 の ブロ ッ ク の 下方 向 に Collider の 衝突 判定 の 高 さ の 半分 の 長 さ の 光 を 
発射 し て いま す 。 光 が Floor オ ブ ジ ェクト に 当たっ て いる か どう か 判断 する た め に Floor オ ブ ジ ェクト 
の 属す る floor レ イヤ ー に だ け 光 が あたっ た 時 に 条件 が 成立 する よう に し て いま す 。 


Physics.Raycast 

Physics.Raycast と は 、 Vector3 光 の 発射 位置 、 Vector3 光 の 方 向 、 float 光 の 長 さ 、 int 光 が 当たる レ 
イヤ ー の ビッ トマ スク で す 。 

colliderlbounds で 衝突 判定 の 立方 体形 の サイ ズ 情 報 で ある Bounds 型 の 変数 に アク セス する こと 
が で きま す 。 bounds.extens 変 数 は X、Y、Z の サイ ズ の 半分 の 長 さ を 返し ます 。 

実習 で は Floor オ ブ ジ ェクト を 新しく 作っ た floor レ イヤ ー に 属す る よう に 設定 し まし た 。 [Inspect 
or] ビュ ー で は floor レ イヤ ー の 番号 は 8 と な っ て いま す 。 レ イヤ ー は 0 か ら 31 まで あり 、 最大 32 の レ 
イヤ ー を 利用 する こと が で きま す 。 0 か ら 7 ま で が ビル トイ ン と し て 定義 ご され て お り 、 8 以降 は 開発 者 
が 独自 に 定義 する こと が で きま す 。 

Raycast 関 数 で 指定 する レイ ヤー 番号 は 内 部 で ビッ ト 演 算 を する た め 、 8 番 の レイ ヤー な ら 2 進数 で 
100000000 と いう 値 を 渡す 必要 が あり ます の で 、 layerMaskFloor 変 数 の 定義 で 「1 << 8] と シフ ト 
演算 し て いま す 。 


* Collider コ ン ポ ー ネ ン ト で Rigidbody が 追加 され た 物理 オブ ジェ クト の 障害 物 と な り 、 衝 突 を 検知 する 
こと が で きま す 。 


* ls Trigger が 有効 な Collider は 他 の 物理 オブ ジェ クト の 侵入 を チェ ッ ク す る セン サー と し て 動作 し ます 。 


* Rigidbody の 静止 状態 を 調べ る に は rigidbody.velocity で Vector3 型 の 変数 に アク セス し 、 ベ クト ル 
の 大 き さ を チェ ッ ク す る こと で 判断 する こと が で きま す 。 


s ゲー ム オ ブ ジ ェクト は レイ ヤー に 属し て いて Raycast 関 数 な ど で 衝 突 先 を 判断 する こと が で きま す 。 


風 LEsSON14 萌 一 before 葉 還 証 「LESSON13」 プ ロジ ェクト 、# CameraController.cs 


北 引 脇 スク リプ ト で カメ ラ を 制御 する 


10 LESSON 13 の 続き か ら 開 始 し ます 。 また は 「before] フォ オル ダ か ら 1|LESSON13] プロ ジェ クト を 開き 、 
Stage01 シー ン を 開い て くだ さい 。 マ ウス を 左右 に ドラ ッ グ し て 、 ス テー ジ の 中 心 の Y 軸 を 中 心 に 回 
転 、 縦 ドラ ッ グ で 角度 が 変わ る よう に し ます 。 こ の 時 、 カメ ラ の 視点 は 常に シー ン の 中 心 の 「0, 0, 0」 
を 見 る よう に し て 回 転 す る よう に し ます 。 ま ず 空 の ゲー ム オ ブ ジ ェクト を 作成 し て 、 名 前 を 「Camera 
Pivot] に し ます ( 図 1①)。 [Inspector] ビュ ー の Transform の Position を 「0, 0, 0] に し ます ②③。 


= Hierarchy "= Li] Inspector 


static マ 
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Main Camera 
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図 1: 視点 の 変更 


Qt 塵 語 RTNIX 叶 


階層 構造 に する 

[Hierarchy] ビュ ー で Main Camera オ ブ ジ ェ ク 
ト を CameraPivot オ ブ ジ ェクト まで ドラ ッ グ & 
ドロ ッ プ し て 階層 構造 に し ます ( 図 2①)。 Main 
Camera オ ブ ジ ェクト を 選択 し て 、[Inspector] 
ビュ ー の Transform の Position を 「0, 2. -9」 に 詳 加 HI 

し ます ②。 Main Camera 


9 階層 構造 に する 


カメ ラ を 制御 する スク リプ ト を イン ポー ト す る 


[before] フォ ル ダ か ら CameraControllercs の スク リプ ト を イン ポー ト し ます 。 インポート し た Ca 
meraController ス クリ プ ト を CameraPivot オ ブ ジ ェクト へ ドラ ッ グ S&S ドロ ッ プ し ます ( 図 3)。 


陣 Project 


Assets 


CameraPivot 


ドラ ッ グ & ド ロッ プ 


念 図 3 : CameraController.cs の スク リプ ト の イン ポー ト 


マリ スト 1 : CameraController.cs 

001 | using UnityEngine; 

002 | using System.Collections; 

003 

004 | public class CameraController : MonoBehaviour { 
005 

006 // クリ ッ ク 開 始 ボ ポイ ント 
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007 private Vector2 startPos; 

008 
009 void Update () { 
010 foat moveX = OFE: / / x 座標 の 移動 量 m 
011 float moveY = Of // y 座 標 の 移動 時 2 
012 if (Input.GetMouseButtonDown(O0)) { 

013 startPos = Input.mousePosition; 

014 } else if (Input.GetMouseButton(O)) { 

015 moVeX = Input.mousePosition.x 一 startPos.x; 

016 moveY = Input.mousePosition.y - startPos.y; 

017 startPos = Input.mousePosition; 

018 } else if (Input.GetMouseButtonUp(O0)) { 

019 startPos = Vector2.zero; 

020 } 

021 // X 軸 の 回 転 角 度 は 50 度 以上 また は 0 度 以下 な ら 移 動 量 を 0 に 

022 if (transform.rotation.eulerAngles.x - moveY >= 50) { 

023 moveY = 0; 

024 } 

025 if (transform.rotation.eulerAngles.x - moveY <= 0) { 

026 moveY = 0; 

027 } 

028 // 座標 の 移動 量 で X 軸 方 向 に 回 転 

029 transform.Rotate(-moveY, 0, 0); 

030 // x 座 標 の 移動 時 で グロ ー バ ル 空 間 の Y 軸 方 向 に 回 転 

031 transform. Ro も 上 at 上 e(0, moveXx, 0, Space . Wor1d) / 

032 } 

033 | } 


動作 を 確認 する 
[Play] ボタ ン を クリ ッ ク し て 動作 を 確認 し ます ( 図 4①)。 画面 上 と を ドラ ッ グ する こと で 、 カ メラ を 移 
動 し て ステ ー ジ を いろ いろ な 方 向 か ら 見 る こと が で きる よう に な り ま す ②。 


今 図 4 : 動作 の 確認 
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ルウ 人 参 CameraPivot オ ブ ジ ェクト と 階層 構造 


今回 は カメ ラ を 制御 する た め に 、Main Camera の Transform を 直接 操作 せ ず に 、CameraPivot オ 
ブ ジ ェクト と 階層 構造 に し て CameraPivot オ ブ ジ ェクト を 回 転 さ せる こと で カメ ラ を 移動 さ ご せる こ 
と に し まし た 。 実習 の リス ト 1 の CameraController.cs の スク リプ ト を 見 て み ま し ょ う 。 


009 Vo1d Update () { 
010 F1oat moveX 三 OFE: / / x 座 標 の 移動 量 
011 float moveY = OfE: / / 座標 の 移動 量 
(… 中 略 …) 
028 / / yy 座標 の 移動 量 で X 軸 方 向 に 回 転 
029 transform.Rotate(-moveY, 0, 0); 
030 // x 座標 の 移動 量 で グロ ー バ ル 空 間 の Y 軸 方 向 に 回 転 
031 transform.Rotate(0, moveX, 0, Space.World) ; 
032 } 
033 | } 


Update 関数 で マウ ス の クリ ッ ク を 開始 し た 座標 を 記憶 し て お き 、 ドラ ッ グ 中 に X 軸 方 向 と Y 軸 方 向 
の 移動 量 を 計算 し て 、 最 後に transform.Rotate 関 数 で CameraPivot オ ブ ジ ェクト を 回 転 さ せる 処理 
を 記述 し て いま す 。 

transform.Rotate 関 数 を 利用 し て 、 X 軸 で 回 転 、Y 軸 で 回 転 さ せる 処理 を 別々 に 実行 せ すず に 、 次 の よ 
うに 一 度 に 処理 で き な い の で し ょ うか ? 


transForm.Rotate (moveXx, -moveY, 0); 


Rotate 関 数 で は 回 転 す る 軸 を ロー カル 座標 か ワー ルド 座標 か を Space で 指定 する こと が で きま す 。 
引数 で Space を 省略 する と 、 次 の よう に Space.Self を 指定 し た こと と 同じ に な り ま す 。 


Rotate (float X 軸 の 回 転 角 度 , float Y 軸 の 回 転 角度 , float 2 軸 の 回 転 角 度 , Space 座標 空間 ) 
Space. Self オブ ジェ クト の ロー カル 空間 
Space.World ワー ルド 空間 


* Rotate 関 数 を 利用 すれ ば ロー カル 座標 と ワー ルド 座標 を 指定 する こと で オブ ジェ クト を 回 転 さ せる こと 
が で きま す 。 


SsAMPLE 還 罰 LEsSON15 葉 還 before 萌 | 「LESSON14」 プ ロジ ェクト 、 MenuGUl.cs、 TitleLogo.psd 


シー ン を 切り 替え る 


Pp LESSON 14 の 続き か ら 開 始 し ます 。 ま た は 「before] フォ ル ダ か ら 「LESSON14] プロ ジェ クト を 開 
さき Stage01 シー ン を 開い て さだ さい 。 

ステ ー ジ を クリ ア し た 、 ま た は 失敗 し た ら タ イト ル シ ー ン に 戻る よう 、 ス クリ プ ト を 修正 し ます 。 Ga 
meController ス クリ プ ト を 次 の よう に 編集 し ます 。 


マリ スト 1 : GameController.cs 
001 using UnityEngine; 


002 | using System.Collections; 


003 

004 | public class GameController : MonoBehaviour { 
005 

006 / / クリ アー 時 の テク スチ ャ 

007 public GUITexture texClear; 

008 // 失敗 時 の テク スチ ャ 

009 public GUITexture texFailed; 

010 


011 // ステ ー ジ 終了 フラ グ 


012 private bool 1sStaqeEnd/ 


013 

014 void Star 七 () { 

015 texClear.enabled = false; 

016 texFailed.enabled = false; 

017 isStageEnd = false; 

018 } 
2 019 
』 020 Vo1d Update() { 
の 021 / / ステ ー ジ が 終了 し て いて マウ ス の 左 ク リッ ク か タッ チ パ ネル が 押さ れ た ら 
3 022 if (isStageEnd 
移 023 && (Input.GetKey(KeyCode.Mouse0) || Input.touchCount > 0)) { 
遇 024 / / シー ン Menu を ロー ド す る 
定 025 App11oat ュ on . LoadLeve1 ("Menu") / 
す 026 } 
る 027 } 

028 

029 void StageClear() { 

030 texClear.enabled = true; 

031 isStageEnd = true; 

032 } 

033 

034 Vo1d StageFailed() { 

035 texFailed.enabled = true; 

036 isStageEnd = true; 

037 } 

038 | } 


シー ン を 保存 する 
[Command] +[S] キー を 押し て 、 現在 編集 中 の シー ン を 保存 し ます 。 名 前 は 「Stage01] と し ます ( 図 
] (①②⑫)。 


Ro Save Scene 


⑩ 入力 


sql | ョ Mm || 融 ・| | 画 Assets 


FAVORITES 「 Assembly-...p-vs.csproj BlockBlue.cs 

届 Dropbox | Asserihly-CSharD.Cs ロ rj BlockBlue.prefab 
_ | Assembly-CSsharp.pidb BlockBlueMat.mat 
中 アプ ブリ ケー ジー 目 国 Assets BlockGreen.cs 


デス タ ト ッ プ 「 (0 CubePazzule-csharp.sin BlockGreenBloken.prefab 
SF CubePazzule.sin BlockGreehMat.mat 
CubePazzule.userprefs BlockRed.cs 

還 Library BlockRed.prefah 

ProjectSettings BlockRedMat.mat 

Temp CameraController.cs 
ClearLogo.psd 
Dron7one.cs 


| New Folder | 


人 図 1 : シー ン の 保存 


cHAPTER04 3D り アク ショ ン バ パズル ゲー ム を 作る 


や も う 1 つの シー ン を 作成 する ao 
[Project] ビュ ー で 「Stage01」 を 選択 し て 、 [Co Pi 


mmand] + [D] キー を 押し て 、 シ ー ン を 複製 し ョ | | 


ます 。 「Stage02] と いう 名 前 に な り ま す ( 図 2)。 


0 YLdVHD 


| 
RU StageH2.unity 


今 図 2 : も う 1 つ の シー ン の 作成 


赤い ブロ ッ ク や 青い ブロ ッ ク を 積み 上 げ る 

[Project] ビ ピュー で 「Stage02] を ダブ ルク リッ ク し て 、「Stage02] の シー ン を 開き ます ( 図 3①)。 赤 
い ブ ロッ ク や 青い ブロ ッ ク を 増やし て 、 も う 少 し 複雑 に 積み 上 げ ま すぐ ⑧。 

赤 と 青 の ブ ロッ ク を 増やす 方 法 は 、[Hierarchy] ビュ ー で BlockRed や BlockBlue を [Command] + 
[D] キー を 押し て 複製 する か 、 [Project] ビ ピュー の BlockRed プ レ ハ ブ や BlockBlue プ レ ハ ブ を [Hierar 
chy] ビュ ー ま で ドラ ッ グ & ドロ ッ プ し て 増やし ます 。 こ こ で は BlockRed を 6 個 に 、BlockBlue を 2 個 
に し て 表 1 の よう に 各 ブ ロッ ク を 配置 し まし た 。 


@ ブロ ッ ク を 積み 上 げ る て 表 1・ ブロッ み の 配 四 
EE ES ウェ クト 
BlockBlue 0.0.4。、-0.5 0.90,.0 
BlockRed 0, 1.2, -1 0, 0, 0 
BlockRed -0.5.2.8.0 9.0.60 
BlockRed 。 06.28.0 0.0.0 
sge02 BlockRed 0,. 3.9, 0 0. 0, 0 
pleckRed os0 ooo 


BlockGreen 0, 6.1, 0 0,. 0, 0 


念 図 3 : 赤い ブロ ッ ク や 青い ブロ ッ ク を 積む 


Stage02 を 保存 する 
[Stage02] が で きた ら [Command] + [S] キー を 押し て 、 シー ン を 保存 し ます 。 


タイ トル シー ン を 作成 する 
[Command] + [N] キー を 押し て 、 シー ン を 作成 し ます 。 
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スク リプ ト と 画像 を 追加 する 

[before] フォ ル ダ か ら MenuGUl.cs を イン ポー ト し て 、 MenuGUI ス クリ プ ト を [Hierarchy] ビュ ー 
の Main Camera に ドラ ッ グ & ドロ ッ プ し て 、 追 加 し ます (誌面 の 都合 上 、 MenuGUl.cs の リス ト は 割 
愛し ます )。 

[before] フォ ル ダ か ら [Project] ビュ ー に TitleLogo.psd を イン ポー ト し ます ( 図 4①)。 [Inspector] 


ビュ ー の TextureType を [GUI] に 変更 し ます ⑧③。 
CulbePazzle TitleLogo.psd 


B Inspector 
Titlelogo Import Settings 


Prev iew 1 


Cubsies en 


CubePazzle 


5lzx128 RGBA Compressed DXTS 85.4 KB 


1 


今 図 4 : 画像 の 追加 


タイ トル ロゴ を 表示 する 

[Project] ビュ ー で TitleLogo テ クス チャ を 選択 し た 状態 で 、[Hierarchyj] ビ ピュー の [Create] メニ ュ 
ー か ら [GUI Texture] を 選択 し て ( 図 5①②)、[Game] ビュ ー で タイ トル ロゴ を 表示 し ます ③⑬③。 [Co 
mmand] + [Ss] キー を 押し て シー ン を 保存 し ます 。 名 前 は 「Menul と し ます ④⑤。 


= m | 画 ( || 吉 ・|| 国 Assets 


Assembily-...—Vs.Ccspro] ockBlue.cs 
Assembty-CStartscs rel ockBlue.prefab 
Assembly-CSharp.pidb ockBlueMat. mat 

Assets ockGreen.cs | 
ockGree.…oken.prefab | 


GUI Texture 


mm cs コ as 本 a a a 
| CPDPZ2 W 0 > 
| ‘| (a 


| CuDbePazzle-csharp.sIn 
| CubePazzlie.sin ockGreenMat.mat 
CuhePazzle.userprefs ockRed.cs 
』Library ト ockRed.prefab 
ProjeCtSettings QckRedMat.mat 
』Temp 


Snotlight 
Area Light 


Cube 
Sphere 
Capsule 
Cylinder 
Plane 


| New Folder 
Cloth ーー 


今 図 5 : タイ トル ロゴ の 表示 


ビル ド セ ッ ティ ング で シー ン を 設定 する 
ー か ら [File] っ [Build Settings] を 選択 し て 、[Build Settings] ダイ アロ グ を 表示 し ます 。 
[Add Current] ボタ ン を クリ ッ ク し て ( 図 6①)、 現在 の シー ン を ビル ド す る よう に 追加 し ます (⑧⑫。 


cHAPTER04 3D り アク ショ ン パ ズル ゲー ム を 作る 


0 d ヨ 1dVHDO う 


る 図 6 : ビル ド セ ッ ティ ング で シー ン の 設定 


Stage01 と Stage02 を ビル ド す る シー ン に 加え る 

次 に 、 [Project] ビュ ー で Stage01 シー ン を ダブ ルク リッ ク し て 開き ます 。 メ ニュ ー か ら [File] > [Bu 
ild Settings] を 選択 し 、[Build Settings] ダイ アロ グ で [Add Current] ボタ ン を クリ ッ ク し て ( 図 7 
①)、 Stage01 を ビル ド す る シー ン に 加え ます ⑫。 Stage02 も 同様 に 追加 し ます ③④。 


| Add Current) 


| Add Current || 


念 図 7 : Stage01 と Stage02 を ビル ド す る シー ン に 追加 


動作 を 確認 する 

Menu シ ー ン を 開き 、[Play] ボタ ン を クリ ッ ク し て 動作 を 確認 し ます ( 図 8)。 タ イト ル シ ー ン で [Sta 
ge 01] ボタ ン を クリ ッ ク す る と Stage01 が 開き 、 ク リア する か 失敗 し た あと 画面 を クリ ッ ク す る と 夕 
イト ル シ ー ン に 戻り ます 。 [Stage02] ボタ ン を クリ ッ ク す る と 、 Stage02 が 開き 、 ク リア する か 和 失敗 し 
た あと 画面 を クリ ッ ク す る と タイ トル シー ン に 戻り ます 。 


信 図 8 : 動作 の 確認 
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IE 六 輝 シー ン の 切り 替え 


実習 で は タイ トル 画面 と て た パズル 画面 で シー ン を 切り 替え まし た 。 
手順 7 で 追加 し た MenuGUI ス クリ プ ト を 見 て み ま し ょ う 。 
OnGUI 関 数 で ボタ ン を 描画 し て いま す (GUI の 詳細 に つい て は CHAPTER 08 で 解説 し ます )。 


006 void OnGUI() { 
(… 中 略 …) 
LT } 


ボタ ン が クリ ッ ク さ れる と if 文 の 条件 が 成立 し て 、 Application.LoadLevel 関 数 が 実行 され ます 。 
シー ン を 切り 替え る に は Application.LoadLevel 関 数 を 呼び 出し ます (構文 1)。 


ツン 
| 
ン 
の 
居 
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を 
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マ 構 文 1 : Application.LoadLevel 関 数 
App1ioation .LoadLeve1 (シー ン 名 ) ; 
App1ioation . LoadLeve1 (シー ン 番 号 ) ; 


Application.LoadLevel 関 数 で シー ン を 切り 替え る た め に は 、[Build Settings] ダイ アロ グ で ゲー 
ム に 組み 込む シー ン を あら か じ め 登 録 し て お きま す ( 図 9)。 


FE rmi — | Menu.unity 
a Stage01l.unity 
| EO Stage0Z.unity 


今 図 9 : 組み 込む シー ン を 登録 


シー ン の 登録 方 法 は 、 登 録 し た い シ ー ン を 開い た 後 、[Build Settings] ダイ アロ グ を 開き 、[Add 
Current] ボタ ン を クリ ッ ク し ます 。 シ ー ン が 追加 され る と 「Scenes In Build] の 一 覧 に シー ン 名 が 
追加 され 、 0 番 か ら 順 番 に シー ン 番 号 が 割り 当て られ ます 。 

0 番 の シー ン は ゲー ム で 最初 に 読み 込ま れる の で 、 ロゴ を 表示 する シー ン や 、 タイ トル 画面 を 表示 す 
る シー ン に する と よい で し よう 。 

登録 され た シー ン を 削除 し た い 場 合 は 、 削 除 し た い シ ー ン を 選択 し て 、 メ ニュ ー か ら [Edit] > 
[Delete] を 選択 し て くだ さい 。 


* Application.LoadLevel 関 数 で 別 の シー ン を 呼び 出せ ます 。 


・ [Build Settings] ダイ アロ グ の Scenes In Build の リス ト で 0 番 の シー ン は ゲー ム が 起動 し て 最初 に 実 
行 さ れ ま す 。 


ピン ボー ル ゲ ー ム を 作る 


簡単 な ピン ボー ル ゲ ー ム を 作成 し て 物理 エン ジン に つい て 理解 を 深め ます 。 具 


ピン ポー ル が ブラ ンジ ャ ー に より 某 さ 出さ れ 、 Op と フリ ッ パー で lp ほか の オ 


ee LESSON16 葉 before > 2 f JointSamples.unitypackage、Pinball.unitypackage 


16-1 PAA 


新しい プロ ジェ クト を 作成 し ます 。 名 前 は 「LES 
SON16] と し ます 。 


TUOTI ビ YW ビ 

Import Package Custom Package..… 
DOrt Package.… 

Find References In Scene 

Select Dependencies 


Character Contrgller 
Glass Refraction (Pro Only) 
Image Effects (Pro Only) 


あら か じ め 作成 し た ステ ー ジ を 読み 込み ます 。 | に ( 生 mC ae 
メニ ュー か が から [Assets] ( 図 1⑳⑮) 一 [Import ei 


Package] ②ー [Custom Package] ③ を 選択 し ie 
て 、[Import package] ダイ アロ グ を 開き 、 


| before] フォ オル ダ か ら 「Pinballlunitypackage」 ヤン ーー デー 


を 選択 し 二 す | Created 2012/12/14 19:14 
IE 9 | Modified 2012/12/14 19:14 


Last opened 2012/12/14 19:14 


図 1 : ステ ー ジ の 読み 込み 


cHAPTER 05 ピン ボー ル ゲ ー ム を 作る 


アセ ッ ト を 読み 込む 
[Importing package] ダイ アロ グ が 開き ます の 


で ( 図 2)、 そ の まま Import] ボタ ン を クリ ッ ク 
する と [Project] ビュ ー に ピン ボー ル の アセ ッ 
ト が 読み 込ま れ ま す 。 


SO d ヨ ldVH う 


Scripts/ShutterSensor.cs 
Scripts/SlingShor.cs 
由 Textures 
| ml Textures/trailpng 


今 図 2 : アセ ッ ト の 読み 込み 


Main シー ン を 開く 

[Project] ビュ ー の 「Scenes] フォ ル ダ の Main シー ン を ダブ ルク リッ ク し て 開き ます 。 

[Do you want to save the changes you made in the scene Untitled?] と 確認 メッ セー ジ が 表示 
され た 場合 は ( 図 3)、 [Don't Save] を クリ ッ ク し ます ①。 す る と すでに [Hierarchy] ビュ ー の Pinball 
Machine オ ブ ジ ェクト に ②、 ピン ボー ル の ステ ー ジ が 作ら れ て いる こと が わか り ま す ③。 


Do you want to save the changes you made in 
the scene Untitled? 
Your changes will be lost if you don't save them 


cance ) sse 


= Hierarchy = 5 
Create "| (GyAl = ) マテ | 半 | 四 | 得 | eizmos Ew 
Directinnal light 
Main Camers 


PinhallMachine ( 2) ング 


全 図 3 : Main シー ン の 表示 
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左側 の フリ ッ パ ー を 作成 する 
新しく Cube を 作成 し て 、 名 前 を |FlipperLl と し ます ( 図 4①)。 [Inspector] ビュ ー の Transform の 


Position を 「0.319, -0.19, -4.5] に 、 Rotation を |0, 45, 0] に 、Scale を |1.8, 1, 04] に し ます ②。 
[Project] ビュ ー の [Materials] フォ ル ダ ③ に ある FlipperMat マ テリ アル を [Hierarchy」 ビュ ー の 
FlipperL に ドラ ッ グ S&S ドロ ッ プ し て 適用 し ます ④⑭④⑤。 


QB Insnector 
軒 」 民 FlipperL | static v 
Tag | Untagged +| Lawer | Default | 

ーー - OT 


= Hierarchy 


Main Camera 
PinballMachine 
ScoreBoard 


ビ 
ン 
ル 
1 
す 
る 


= Hierarchy TT BMesh Renderer 
Create > | (GrAl Cast Shadows v 
Receiwe Shadows 
pe Materials 
Use Light Prohes 


Directinnal light 
FlipperL 
_ Main Camera 八 
PinhallMachine 
ScnreBnard 


| 
員 ⑩ ドラ ッ グ 8 ドロップ ] 


ヲ FlipperlMat に 
Shader Lpifuse 1.161、・ 


今 図 4 : 左側 の フリ ッ パ ー の 作成 


Mesh Renderer へ の 適用 
[Inspector] ビュ ー の Mesh Renderer の Materials の Element0 の 右側 に ある [の ] ボタ ン を クリ ッ ク し て り リ 
スト か ら 選 択 し て も よい で し ょ う 。 


cHAPTER 05 ピン ボー ル ゲ ー ム を 作る 


る 

[Inspector] ビ ピュー から [Add Component] ボ 
タン を クリ ッ ク し て ( 図 5①) > [Physics] @= 
[Hinge Joint] ③ を 選択 し て 、 Hinge Joint コ ン 
ポー ネン ト を 追加 し ます 。 Hinge Joint コ ン ポ ー 
ネン ト を 追加 する と 自動 的 に Rigidbody コンポ 
ー ネ ン ト が 追加 され ます 。 


6 Hinge Joint コ ン ポ ー ネ ン ト を 追加 す 


Rigidbody を 設定 する 
[Inspector] ビュ ー で Rigidbody の Mass を 
[0.1」 に ( 図 6①)、 Angular Drag を 「0」 に ②、 
Hinge Joint の Anchor を 「-0.5, 0, 0」 ⑨ に 、 
Axis を 「0, 1. 0] ④⑭ に し ます 。 


今 図 6 : Rigidbody の 設定 
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FlipperL オ ブ ジ ェクト に Flipper ス クリ プ ト を 追加 する 

[Project] ビ ピュー の 「Scripts] フォ ル ダ の Flipper ス クリ プ ト を FlipperL オ ブ ジ ェクト に ドラ ッ グ & ド 
ロッ プ し て 追加 し ます ( 図 7①)。 [Inspector] ビュ ー で Flipper の Press Pos を -70 に 、Power を 80 に ⑫、 
Key Code は 一 覧 か ら 「LeftShift」 を 選択 し ます ③。 


9 Inspector 
画 」 IFlippert ロロ satic マ 
Ta ーーーーー 


= Hierarchy 
Create | (GyAll ) 


を 
FlipperL 


P PinballMachine 
_ ScoreBoard 
| ee gi il 


ー Scrints 
語 Textures 


今 図 7 : Flipper ス クリ プ ト の 追加 


追加 する スク リプ ト 
ペー ジ 数 の 都合 上 、 こ の LESSON で 扱う スク リプ ト の リス ト は 割愛 し ます 。 


FlipperL オ ブ ジ ェクト に FlipperTouch ス クリ プ ト を 追加 する 

タッ チ パ ネル で も コン トロ ー ル で きる よう に スク リプ ト を 追加 し ます 。 [Project] ビ ピュー の 「Scripts」 
フォ ル ダ の Flipperlouch ス クリ プ ト を FlipperL オ ブ ジ ェクト に ドラ ッ グ S&S ドロ ッ プ し て 追加 し ます 
( 図 8①)。 [Inspector] ビュ ー で Flipper Touch の Touch Rect W に 「0.5] を 、Touch Rect HH を 「0.5」 
に し ます ⑫。 こ れ で 左側 の り の フリッパー が 完成 で す ③。 


= Hierarchy @ Inspector 


ee | static ・ 
>| (ca A FlipperL ease 
Tag Unagged +] Layer Default sl 


pperL 


今 図 8 : FlipperTouch ス クリ プ ト の 追加 


右側 の フリ ッ パ ー を 作成 する 


cHAPTER 05 ピン ボー ル ゲ ー ム を 作る 


右側 の フリ ッ パ ー も 作成 し ます 。 FlipperL オ ブ ジ ェクト を [Command] + [D] キー を 押し て 複製 し 、 
名 前 を 「FlipperR] に し ます ( 図 9①)。 [Inspector] ビュ ー で 表 1 の よう に 設定 し ます ②-ー⑤。 こ れ で 


左右 の フリ ッ パ ー が 完成 し まし た (⑥。 
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念 図 9 : 右側 の フリ ッ パ ー の 作成 


マ 表 1 : FlipperR の [Inspector] ビュ ー の 設定 
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プラ ンジ ャ ー を 作成 する 
次 に プラ ンジ ャ ー を 作成 し ます 。 新 し く Cube を 作成 し て 名 前 を 「Plunger]」 に し ます ( 図 10①)。 [In 
spector] ビュ ー で Transform の Position を 「8.58, -0.02, 2.5] に 、Scale を 「1, 0.6, 2] に し ます ①②。 


Flunger 
念 図 10 : プラ ンジ ャ ー の 作成 


Spring Joint コ ン ポ ー ネ ン ト を 追加 する 

メニ ュー か ら [Componentl ( 図 11①) 一 [Physics] ②ー [Spring Joint] ③ を 選択 し て 、Spring 
Joint コ ン ポ ボー ネン ト を 追加 し ます 。 [Inspector] ビュ ー で Rigidbody の Use Gravity を OFF に 、 ls 
Kinematic を ON に ④、 Constraints の Freeze Position の X、Y を ON に 、 Freeze Rotation の X、 Y、 Z 
を ON に し ます ⑤。 次 に Spring Joint の Anchor を | x =0、 Y=0、 Z= 2] に 、Spring を 「400」 に 、 
Damper を 「0.2] に 、 Min Distance を 「0」 に 、 Max Distance を |0.1] に し ます ⑯。 


ED 


| 図 
| 


er CEDEED | sric > 


@ 選択 
spring joint 


信 図 11 : Spring Joint コン ポー ネン ト の 追加 


cHAPTER 05 ピン ボー ル ゲ ー ム を 作る 


Plunger ス クリ プ ト を 追加 する 
[Project] ビュ ー の 「Scripts] フォ ル ダ の Plunger ス クリ プ ト を 追加 し ます ( 図 12①)。 


[Inspector] ビュ ー で Plunger の Pull Power を 1.5 に 、 Key Code を Slash に し ます ⑧⑫。 


SO d ヨ ldVH う 


9 Inspector 
Bd Plunger 。 Satic* 
Default  。 』l 
| 墜 


Directional light 
FlipperL 
FlipperR 

Main Camera 
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今 図 12 : Plunger ス クリ プ ト の 追加 


動作 を 確認 する 

[Play] ボタ ン で 動作 を 確認 し まし ょ う 。 左右 の [Shift] キー で フリ ッ パ バー を 動か し 、 [ /] (スラ ッシュ ) 
キー で プラ ンジ ャ ー を 動か し ます ( 図 13)。 

また 、 ス マー ト フ ォ ン で ビル ド す る と 、 ス クリ ー ン の 下 半 分 の エリ ア に タッ チ す る こと で 左右 の フリ 
ッ バ パー が 動作 し 、 ス クリ ー ン を 上 か ら 下 に ドラ ッ グ し て 離す こと で プラ ンジ ャ ー が 動作 し 、 ポ ー ル を 
打ち 出す こと が で きま す 。 


信 図 13 : 動作 の 確認 
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ジョ イン トト 機能 に つい て 


Unity の 物理 オブ ジェ クト は ジョ イン ト 機 能 で オブ ジェ クト と オブ ジェ クト を 接着 し た り 、 ドア の 蝶 
番 の よう な 動作 を し た り 、 バネ の よう な 動作 を させ る こと が で きま す 。 
ジョ イン ト 機 能 を 使う に は 次 の よう な Joint 系 の コン ポー ネン ト を 使い ます 。 


ジョ イン ト の サン プル シー ン を 「before] フォ ル ダ の JointSample.unitypackage に 収録 し て いま す 。 


Hinge Joint (サン ブル : HingeJointSample.unity) 

物理 オブ ジェ クト に 蝶番 の 機能 を 追加 し ます 。 ド ア の 蝶番 や 振り 子 の よう な オブ ジェ クト を 作成 す 
る と き に 利用 し ます 。 

蝶番 の 位置 に な る 場所 を Anchor に 、 回 転 軸 の 向き を Axis に 指定 し ます ( 図 14①⑧)。 


今 図 14 : Hinge Joint 


Fixed Joint (サン プル : FixedJointSample.unity) 

一 番 シ ンプ ル な ジョ イン ト で す 。 別 の 物理 オブ ジェ クト に 接着 し ます 。 

すべ て の ジョ イン ト に も 共通 で す が 、 Connected Body に ター ゲッ ト の 物理 オブ ジェ クト を 指定 し 
ます ( 図 15①⑧③)。 

Break Force や Break Torque に 数 値 を 設定 する と 、 一 定 の 力 や 回 転 力 が 加わ る と ジョ イン ト が 破壊 
で きる よう に な り ま す 。 


1 クリ ッ ク 


人 図 15 : Fixed Joint 


Spring Joint (サン プル : SpringJointSample.unity) 
バネ の ジョ イン ト で す 。 物理 オブ ジェ クト が ゴム ひも に 吊る され て いる よう か な 機能 を 追加 し ます 。 ご 
バネ の 支点 に な る 場所 を Anchor で 指定 し 、 バ ネ の 強 さ を Spring で 、 伸び た バネ を 縮め る 力 を 減少 』 コ ヨ 
させ る 強 さ を Damper で 、 バネ の 最大 の 長 さ を Max Distance で 指定 し ます ( 図 16①⑧③)。 Me 


信 図 16 : Spring Joint 


Character Joint (サン ブル : CharacterJoi 
ntSample.unity) 

ラグ ドー ル を 作成 する た め に 使い ます ( 図 17①⑪①②⑧ 
③)。 ラグドール は グッ タリ と し た 多 関 節 人 形 の よう 
な も の で す 。 Hinge Joint と 似 て いま す が 、 回 転 に 加 
えて 関節 を ネジ る よう な 機能 が あり ます 。 
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る 念 図 17 : Character Joint 
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上 K 笠 参 プ ブロ ジェ クト の 説明 


プロ ジェ クト は マテ リア ル や スク リプ ト な ど 種 類 ご と に フォ ル ダ に 分 け て あり ます 。 

これ まで フォ ル ダ を 作成 する こと は あり ませ ん で し た が [Project] ビュ ー の アセ ッ ト が 増え て くる 
と 、 管 理 が と て も 大 変 に な り ま す の で 適切 に 分 ける こと を お すす めし ます 。 こ の プロ ジェ クト で は 表 
2 の よう に フォ ル ダ を 分 け ま し た 。 


マ 表 2 : プロ ジェ クト の フォ ル ダ 分 け 


フォ ル ダ 名 内 容 


Owl 叶 本 評 モー 斗 び て 


Materials マテ リア ル を 格納 
Models 三角 柱 の 3D モ デル を 格納 
PhysicsMaterials 各 物 理 マ テリ アル を 格納 
Prefabs ボー ル の プレ ハブ を 格納 
Scenes シー ン を 格納 

Scripts スク リプ ト を 格納 
Textures テク スチ ャ を 格納 


フォ ル ダ 構 成 に つい て 


[Project] ビュ ー の フォ ル ダ 構 成 は 特に 決ま っ た ルー ル は あり ませ ん 。 自 分 で アセ ッ ト を 管理 し や すい よう に 切 
り 分 ける と よい で し ょ う 。 し か し 、「 Standard Assets」、「Pro Standard Assets」、「Plugins」、「Editor] フォ ル 
ダ は 、Unity に と っ て 特殊 な フォ ル ダ と な っ て いる の で 、 特 に 理由 が な い 限 りこ れ ら の 名 前 は 使わ な いよ うに し 
まし ょ う 。 


Main シ ー ン に は あら か じ め ピ ン ボ ー ル マシ ン が 組み 込ま れ て いま す 。 
ステ ー ジ は ほとん ど プ リ ミ テ ィ ブ で 作成 され て いま す が 、 コ ー ナ ー 部 分 に 使う た め に 三角 形 の モデ 
ル triangular_prism を 使っ て いま す ( 図 18①⑧③)。 


BB Inspector 


Assets » Models 


er Rig | Animations 


lmpor Materials | | 
No new materials are generated. Unlty's Default-DIffuse 
material is used instead. 


念 図 18 : triangular_prism 


ゲー ム が 始ま る と ボー ル が 発射 レー ン に 現れ ( 図 19①)、 手 前 の アウ トレ ー ン に ボー ル が 落ち る ⑫、 
と 再び 発射 レー ン に ボー ル が 現れ る よう に な っ て いま す ①。 


念 図 19 : ゲー ム の 開始 時 の 様子 


発射 レー ン か ら 撃 ち だ され た ボー ル は 発射 レー ン 出 口 の トリ ガー に ヒッ ト す る と シャ ッ タ ー が 閉 ま 
り 、 撃ち 出さ れ た ボー ル が 再び 発射 レー ン に 戻ら 9 な いよ うに な っ て いま す ( 図 20)。 


図 20 : ゲー ム 中 の 様子 


上 【 妥 馬 スク リフ ト の 説明 


それ ぞ れ の スク リプ ト に つい て 、 詳し く 見 て いき まし ょ う 。 


Flipper.cs 

フリ ッ パ ー を 動作 させ る スク リプ ト で す 。 Flipper オ ブ ジ ェクト に 追加 され て いる HingeJoint コ ン 
ポー ネン ト に アク セス し て 、 キー 入力 が ある と HingeJoint や SpringJoint の Position を 更新 し て フリ 
ッ パ ー を 動作 させ て いま す 。 


FlipperTouch.cs 

キー 入力 の な いい スマートフォン で フリ ッ パ ー を 動作 させ る た め の ス クリ プ ト で す 。 タ ッ チ バネ ル の 
入力 を 監視 し て Flipper ス クリ プ ト に メッ セー ジ を 送っ て いま す 。 実行 時 に IOS か Android OS の 時 の 
み 動 作 す る よう に な っ て いま す 。 


ビ 
ン 
ル 
す 
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Plunger.cs 

プラ ンジ ャ ー を 動作 させ る スク リプ ト で す 。Plunger オ ブ ジ ェクト に 追加 ご れ て いる SpringJoint 
コン ポー ネン ト に アク セス し て 、 キ ー 入 力 が ある と Plunger オ ブ ジ ェクト を 手前 に 移動 させ 、 キ ー を 
離す と SpringJoint の 力 で Plunger オ ブ ジ ェクト を 移動 させ ます 。 

実行 時 に IOS か Android OS の 時 は タッ チ パ ネル を 手前 に ドラ ッ グ する と プラ ンジ ャ ー が 手前 に 移 
動 す る よう に な っ て いま す 。 


ShutterSensor.Cs 


ShutterSensor オ ブ ジ ェクト の トリ ガー に ボー ル が 通過 する と 発射 レー ン 出 口 の Shutter オ ブ ジ ェ 
クト を 表示 させ ます 。 


OutFall.cs 
ボー ル が 画面 手前 の OutFal オブジェ クト の トリ ガー に ヒッ ト す る と 、 ポ ボー ル を 削除 し て 、 
PinballMachine オ ブ ジ ェクト に 新しい ボー ル を 発生 させ る よう メッ セー ジ を 送り ます 。 


PinballMachine.cs 
ピン ボー ル マ シ ン を 管理 する スク リプ ト で す 。 シ ー ン 中 の PinballMachine オ ブ ジ ェクト に 追加 さ 
れ 、 物理 世界 の 重力 設定 や ボー ル を 発射 レー ン に 発生 させ る 機能 を 持っ て いま す 。 
PinballMachine オ ブ ジ ェクト は すべ て 水平 で す が 、 ビ ピン ボー ル マ シ ン の 手前 方 向 に ボー ル は 転 が 
っ て いま し た 。 こ れ は PinballMachine ス クリ プ ト の Start 関 数 内 に 以下 の よう に し て 、 こ の ゲー ム の 
世界 の 重力 を 少し 斜め 手前 に 傾け た か ら で す ( 図 21①⑧③)。 


Physics.gravity = gravity; 


$= erasehy 


Directio 画 light 
FlipperL ィ と 
FlinperR リッ クタ 


ae 
Ball Prefah 


人 図 21 : ピン ボー ル マ シ ン の 手前 方 向 に ボー ル が 転がる 


cHAPTER 05 ピン ボー ル ゲ ー ム を 作る 


Physics.gravity の 値 は X、Y、 Z 方 向 へ の 重力 の 強 さ を Vector3 型 で 指定 する と 、Rigidbody コン ポ 
ー ネ ン ト が 追加 され 、 Use Gravity が 有効 な 物理 オブ ジェ クト は 重力 の 方 向 に う |} き つけ られ ます 。 
この 値 は メニ ュー か ら [Edit] ( 図 1①) 一 [Project Settings] ②ー [Physics] ③ を 選択 し て 、 
[Inspector] ビュ ー に 表示 させ る こと が で き 、 デ フォ ルト で Y 軸 方 向 に |「-9.81] に な っ て いる こと が 
認 で きま す 。 
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今 図 22 : Physics.gravity の 値 


・ ジョ イン ト 機 能 を 使う こと で 物理 オブ ジェ クト に 接着 や 蝶番 や バネ な どの 機能 を 追加 で きま す 。 
・ 物理 オブ ジェ クト が 落下 する 方 向 は 、 Physics.gravity の 値 で 変更 で きま す 。 
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由 LEssoN17 葉 画 before 用 


ILESSON16] プロ ジェ クト 、。 ForceModeSample.unitypackage 


バン パー と スリ ソン グ シ ョ ッ ト な た 作成 し て スク リプ ト を 割り 当て る 


LESSON16 の 続き か ら 開 始 し ます 。 ま た は 「before] フォ ル ダ か ら TLESSON16」 プロ ジェ クト を 開 
さ Main シーン を 開い て くだ さい 。 空 の ゲー ム オ ブ ジ ェクト を 作成 し て 、 名 前 を 「Bumper]」 に し ます 
( 図 1①)。 [Inspector] ビュ ー の Transform の Position は 「4.85, 0.12, 15] に し ます ⑨⑧③⑬。 


大 Scene 
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図 1 : Bumper オ ブ ジ ェクト の 作成 


cHAPTER 05 ピン ボー ル ゲ ー ム を 作る 


Capsule を 作成 する 

[Hierarchy] ビュ ー の [Create] メニ ュー か ら 新 し く Capsule を 作成 し て 「Bumper」 の 子 オ ブ ジ ェ ク 
ト に し ます ( 図 2①)。 [Inspector] ビュ ー の Transform の Position を 「0, 0, 0] に 、Scale を 「2, 0.3, 2」 
に し ます ぐ ⑫。 

[Project] ビュ ー の 「Materials] フォ ル ダ か ら BumperHeadMat マ テリ アル を 選択 し て [Hierarchy] 
ビュ ー の Capsule に ドラ ッ グ S&S ドロ ッ プ し て 追加 し ます ③④⑤。 

[Project] ビュ ー の [Scripts] フォ ル ダ の Bumper ス クリ プ ト (リス ト 1) を [Hierarchy] ビュ ー の Ca 
psule に ドラ ッ グ &S ド ロップ し て 追加 し ます 。 
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Shader |Diffuse 


Add Component 


@ ドラ ッ グ & ドロ タダ 」 


今 図 2 : Capsule の 作成 


マリ スト 1 : Bumper.cs 
001 using UnityEngine; 
002 | using System.Collections; 


003 
004 | public class Bumper : MonoBehaviour { 
005 
006 public float power = 2f; 
007 public int point = 20; 
008 
009 private GameObject scoreBoard; 
(… 中 略 …) 
015 void OnCollisionEnter(Collision collisionInfo) { 
016 Vector3 vel = (collisionInfo.transform.position - | 
transform. position) .normalized * power; 
017 collisionInfo.rigidbody.AddForce(vel) / 
018 scoreBoard. SendMessage ("ApplyPoint", point); 
019 } 
020 | } 
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Cylinder オ ブ ジ ェクト を 作成 する 

新しく Cylinder を 作成 し て Bumper の 子 オ ブ ジ ェクト に し ます ( 図 3①)。 [Inspector] ビュ ー の Tran 
sform の Position を 「0, -0.27, 0] に 、 Scale を 「1, 0.5, 1] に し ます ⑧。 「Materials] フォ ル ダ か ら 
BumperBodyMat マ テリ アル を 選択 し て [Hierarchy」 ビュ ー の Cylinder に ドラ ッ グ & ドロ ッ プ し て 
追加 し ます ③④⑤。 


三 Hierarchy @ Inspector 
ーー | (A  ) nd 
Capsule 
Cylinder 
Directional light 
FlipperL 6 
FlipperR - 6 
Main Camera 』 Cylinder (Mesh Filter) 
Pp PinballMachine F 軒 Capsule Collider 
Punger b BA Mesh Renderer 
ScoreBoard 


= Hierarchy 
Create "| (arAll 
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[Cylinder | gstatic < 
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Tag | Untagged $| Layer | Default 


信 図 3 : Cylinder オ ブ ジ ェクト の 作成 


Cylinder か ら Capsule Collider コン ポー ネン ト を 削除 する 

Cylinder に は Capsule Collider コン ポー ネン ト は 不要 な の で 削除 し ます 。 コ ン ポ ボー ネン ト の 削除 は 
[Inspector] ビュ ー の 右側 の 歯車 マー ク を クリ ッ ク し て ( 図 4①)、 ド ロッ プ ダ ウン リス ト か ら [Remo 
ve Component] を 選択 し ます ②⑫)。 
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念 図 4 : Capsule Collider コン ポー ネン ト の 削除 


cHAPTER 05 ピン ボー ル ゲ ー ム を 作る 


バン バー を 複製 する 
[Hierarchy] ビュ ー で Bumper を 選択 し て 、 [Command] +[D] キ ー を 押し て 2 つ 複 製 し ます ( 図 5①)。 


[移動 ] ツー ル で 移動 し まし ょ う ②⑫②③。 [Inspector] ビュ ー で 直接 Positton の X、 / の 値 を 変更 し て も よ 
いで らし まう s 


SO YILdVHD 


、⑦⑳ Main.unity - LESSON17 - PC, Mac & Linux Standalone 
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全 図 5 : バン パー の 作成 


スリ ング ショ ッ ト を 作成 する 

新しく 空 の ゲー ム オ ブ ジ ェクト を 作成 し て 、 名 前 を 「SlingShotL] と し ます ( 図 6①)。 [Inspector] ビ 
ュー で 「ransform の Position を 「-0.7, -0.175, -1.3] に 設定 し ます ⑫②。 [Project] ビ ピュー の |Models」 
フォ ル ダ の triangular_prism を [Hierarchy] ビュ ー の SlingShotL ま で ドラ ッ グ S&S ドロ ッ プ し て ぐ ③、 
三角 形 の モデ ル を 子 オ ブ ジ ェクト に し ます ⑭。 
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今 図 6 : スリ ング ショ ッ ト の 作成 
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三角 形 の モデ ル を 調整 する 
[Hierarchy] ビュ ー で triangular_prism を 選択 し て ( 図 7①)、[Inspector] ビ ピュー で Transform の Ro 
tation を 「0, 90, 0] に 、Scale を 「3, 1, 1] に し ます ⑧③。 
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@ Inspector 


| 箇 ltriangular_prism static マ 


Tag | untagged  #*| Layer | pefault ™ 


Model Select Rewert Open 
"A Transform 
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今 図 7 : 三角 形 の モデ ル を 子 オ ブ ジ ェクト に する 


triangular_prism オ ブフ ブ ジ ェクト に Mesh Collider コン ポー ネン ト を 追加 する 

[Inspector] ビュ ー で [Add Component] ボタ ン を クリ ッ ク し て ( 図 8①) っ [Physics1②ー [Mesh 
Collider] ③ を 選択 し て 、 triangular_prism オ ブ ジ ェクト に Mesh Collider コン ポー ネン ト を 追加 し ま 
す 。 


| Inspertor 


者 BA triangular- prism | 円 na て 
Tag Luntagged (1 eA Es NDefault Default。 # | 


| Add Component_ 


性, character Controller 
Box Collider 


Mesh Collicer 


] wheel Collider 


人 図 8 : Mesh Collider コン ポー ネン ト の 追加 


[Project] ビュ ー の 「Materials] フォ ル ダ の SIlingShotMat マ テリ アル を [Hierarchy] ビュ ー の triang 


ular_prism オ ブ ジ ェクト に ドラ ッ グ S&S ドロ ッ プ し て 追加 し ます ( 図 9①②)。 


画 Project | 目 Consale 
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| 半 | 中 9 | eizmgs r| Ea 


PhysicsMaterials 
Prefabs 
還 5Scenes 
訪 Scripts 
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WiallMat 


図 9 : triangular_prism オ ブ ジ ェクト の 追加 


” 新しく Cube を 作成 し て 名 前 を 「Sling] に し 、SlingShotL オ ブ ジ ェクト の 子 オ ブ ジ ェクト に し ます ( 図 
10①)。 [Inspector] ビュ ー の Transform の Position を 「0.58, 0, 1.43] に 、Rotation を 「0, -18.5, 0」 
に 、Scale を 「0.1, 1, 2.7」 に し ます ⑧③。 


| Hierarc hy 


9 inspector 
Sling 


図 10 : 子 オ ブ ジ ェクト の 作成 
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不要 な コン ポー ネン ト を 削除 する 
[Hierarchy] ビュ ー の Sling オ ブ ジ ェクト を 選択 し て 、[Inspector] ビュ ー か ら Mesh Filter コン ポー 
ネン ト と Mesh Renderer コン ポー ネン ト を 削除 し ます ( 図 11①②③⑬④)。 


| @ Inspector | § Inspector 


"RY Box Collider 
LL 


Add Component 


今 図 11 : コン ポー ネン ト の 削除 


Sling オブ ジェ クト に SlingShot ス クリ プ ト を 追加 する 
[Project] ビュ ー の 「Scripts] フォ ル ダ か ら Slingshot ス クリ プ ト (リス ト 2) を [Hierarchy] ビュ ー 
の Sling オ ブ ジ ェクト に ドラ ッ グ & ド ロッ プ し て スク リプ ト を 追加 し ます ( 図 12①)。Power の 値 を 「2, 
0, 0] に し ます ②⑧。 こ れ で 左側 の スリ ング ショ ッ ト が で きま し た ぐ ③。 
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念 図 12 : SlingShot ス クリ プ ト の 追加 


マリ スト 2 : SlingShot.cs 

001 | using UnityEngine; 

002 | using System.Collections; 

003 

004 | public class SlingShot : MonoBehaviour { 
005 


006 // ボー ル を 打ち 返す 力 と 向き 

007 public Vector3 power = Vector3.zero; 

008 

009 Vo1d OnCollisionEnter (Collision collision) { 
010 // 衝突 し た ボー ル に 力 を 加え る 

011 collision.rigidbody.AddForce (power) / 

012 } 

013 | } 

テー : II/n プ | 1 ノ グ シ コツ ト 左 作 ピオ オス 、 


[Hierarchy] ビュ ー で SlingShotL オ ブ ジ ェ ク ト を 選択 し て ( 図 13①)、[Command] + [D] キー を 押 


し て 複製 し 、 名 前 を 「SlingShotR] と し ます ②。 [Inspector] ビュ ー で パラ メー タ を 表 1 の よう に 設定 
し ます ぐ ③。 Sling オブ ジェ クト ( 図 14①②⑧③)、 triangular_prism オ ブ ジ ェクト ( 図 15①⑧③) も 設定 
し ます 。 左右 の スリ ング ショ ッ ト が で きま し た 。 


1 クリッ ク 
_slimgshoeR 


up リロ ユ 《) 複製 & 修 正 


今 図 13 : 右側 の スリ ング ショ ッ ト の 作成 ① 


全 図 14 : 右側 の スリ ング ショ ッ ト の 作成 ②④ 
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マ 表 1 : SlingShotR の [Inspector] ビュ ー の 設定 マ 表 2 : Sling の [Inspector] ビュ ー の 設定 


oTransform I ③Transform _ 
Position 4.7, -0.175, -1.3 Position -0.58, 0, 1.43 
Rotation 0 85 D 
Scale MI 27 
④SlingShot (Script) 
Power -2, 0, 0 


@ Inspectar 


Olt triangular_prism | es 〒 
Tag mi Layer 
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今 図 15 : 右側 の スリ ング ショ ッ ト の 作成 ③ 
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マ 表 3 : triangular_prism の [Inspector] ビュ ー の 設定 


triangular_prism 


Transform 
Position 0,. 0. 0 
Rotation 0。0. 0 
Scale LL 


動作 を 確認 する 
[Play] ボタ ン を クリ ッ ク し て 確認 し て み ま し ょ う 。 バン パー に ボー ル が ヒッ ト す る と 当たっ た 方 向 に 


ボー ル が 打ち 返さ ぐれ 、 ス リン グ シ ョ ッ ト の 斜面 に ボー ル が ヒッ ト す る と [Inspector] ビュ ー で 指定 し 
た 方 向 に ボー ル が 打ち 返さ れ ま す ( 図 16①)。 ま た 、 バン パー に ボー ル が ヒッ ト す る と スコ ア が 加算 さ 
れ ま す (⑫。 


念 図 16 : 動作 の 確認 


cHAPTER 05 ピン ボー ル ゲ ー ム を 作る 


比 錠 人参 物理 オブ ジェ クト に つい て 


スク リプ ト で Rigidbody (物理 オブ ジェ クト ) に 力 を 加え る に は Rigidbody コンポ ー ネ ン ト の 
AddForce 関 数 を 使い ます (構文 1)。 


マ 構 文 1 : AddForce 関 数 


Rigidbody.AddForce (force: Vector3, mode: ForoeMode) 


force: 物理 オブ ジェ クト に 加え る 力 
mode : 力 を 与え る モー ド 。 デ フォ ルト で ForoeMode . Foroe 


の 
エエ 
3 ラ 
で 
| 
『T1 
と ッ 
© 
Ww 


引数 の ForceMode パ ラメ ー タ で 力 の 与え 方 を 変更 で きま す 。 パ ラメ ー タ は オブ ジェ クト の 質量 
(Rigidbody の Mass) を 使う か 使わ ない か 、 連 続 的 に 力 を 与え る が 瞬間 的 に 力 を 与え る か 、 の 組み 合 
わせ で 4 種類 の パラ メー タ が あり ます ( 表 4)。 


マ 表 4 : AddForce 関数 


ForceMode.Force 質量 連続 的 な 力 を 加え る 
ForceMode.Acceleration 無視 連続 的 な 力 を 加え る 
ForceMode.Impulse 利用 瞬間 的 な 力 を 加え る 
ForceMode.VelocityChange 無視 瞬間 的 な 力 を 加え る 


連続 的 な 力 を 使う モー ド で は 、 風 力 や 引力 な ど 継 続 的 に 力 が 加わ り ま す 。 瞬間 的 な 力 を 使う モー ド 
で は 、 爆発 の よう に 瞬間 的 に 力 が 加わ り ま す 。 


4 種類 の バラ メー タ の 違い 

これ ら の 違い を 確認 する た め の サ ンプ ル シ ー ン を 収録 し て いま す 。 「before] フォ ル ダ の ForceModeSample. 
unitypackage を イン ポー ト し て 動作 を 確認 し て みて くだ さい 。 左 ク リッ ク し て いる 間 ( 図 17①)、 ま た は 右 ク 
リッ ク し た 瞬間 に (②、 それ ぞ れ の モー ド で AddForce 関 数 を 実行 し て いま す 。 


念 図 17 : 4 種類 の バ パラメータ 


y 詩 参 スク リブ ト に つい て 


SlingShot.cs 
スリ ング ショ ッ ト の 交 面 に 設置 し た Box Collider に ボー ル が 当たっ た ら 指 定 さ れ た 方 向 に 力 を 加え 
の 和 スグ リプ ト で す 。 


引数 の collision に は 衝突 し た オブ ジェ クト の 情報 が 含ま れ て いま す 。 collision.rigidbody と する こ 
と で 衝突 し た オブ ジェ クト の Rigidbody コン ポー ネン ト に アク セス する こと が で きま す (実習 の リス 
ト 2)。 


Bumper.cs 
バン パー に ヒッ ト し た ボー ル を 打ち 返す スク リプ ト で す 。 ス リン グ シ ョ ッ ト と の 違い は ボー ル を 打 
ち 返 す 方 向 が 一 定 で は な く 、 ボー ル が ヒッ ト し た 方 向 に 打ち 返す 点 で す (実習 の リス ト 2)。 
OnCollisionEnter 関数 を 見 て み ま し ょ う 。 


バ 
ン 
バ 
と 
リ 
ン 
グ 
ンジ 
= 
ツ 
ト 
6 
す 
る 


015 void OnCollisionEnter(Collision collisionInfo) { 
Vector3 vel = (collisionInfo.transform.position - 
016 6 8 
transform.position) .normalized * DOWG エ / 
OLT collisionInfo.rigidbody.AddForce(vel) ; 
018 scoreBoard. SendMessage ("ApplyPoint", point); 
019 } 


引数 の collisionInfo に は 衝突 し た オブ ジェ クト の 情報 が 含ま れ て いま す 。 最初 の 行 で ボー ルオ ブ ジ 
ェクト の 位置 情報 か ら バ ン パ ー の 位置 情報 を 引き 、 normalized 変 数 に アク セス し て バン パー か ら 見 
た ポール の 向き を 求め て いま す 。 求 め た 向き に power 変数 に 設定 され た 力 を 掛け 合わ せ て 、 向き と 力 
を 求め て 、 AddForce 関 数 で ボー ル を 打ち 返し て いま す 。 


* Rigidbody に スク リプ ト で 、 力 を 加え る に は AddForce 関 数 を 使い ます 。 
* AddForce 関 数 の ForceMode パラ メー タ で 、 力 の 与え 方 を 変更 する こと が で きま す 。 


上 LESSON18 py 2 i before py 2 6 「LESSON17」 プ ロジ ェクト 、 人 EffectSample.unitypackage 


ボホール の 軌跡 を 見 える よう に する 


&P LESSON 17 の 続き か ら 開 始 し ます 。 また は 「before] フォ オル ダ か ら |LESSON17」 プロ ジェ クト を 開き 、 
Main シ ー ン を 開い て くだ さい [Project] ビュ ー の 「Prefabs]」 フォ ル ダ の Ball プ レ ハ ブ を 選択 し ます ( 図 
1①)。 [Inspector] ビュ ー で [Add Component] ボタ ン を クリ ッ ク し て ②⑦、[Effects] っ ⑧ [Trail 
Renderer] ④ を 選択 し 、 Trail Renderer コ ン ポ ー ネ ン ト を 追加 し ます 。 


@ Inspector 


ee 
Assets = Frefabs 
に ー の クック 


図 1 : Ball プレ ハブ の 表示 
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マテ リア ル を 作成 する 

Trail Renderer コン ポー ネン ト で 描画 する マテ リア ル を 作成 し ます 。 [Project] ビュ ー の マテ リア ルフ 
ォ ル ダ を 選択 し て 、 右 クリ ッ ク メ ニュ ー か ら [Create] > [Materiall を 選択 し て 、 マ テリ アル を 作成 
し ます 。 名 前 を 「BallTrailMatl と し ます ( 図 2 ス ①②③)。 

[Inspector] ビュ ー で Shader の ドロ ッ プ ダウ ン メ ニュ ー か ら [Particles] > [Alpha Blended] を 選 
択 し ④⑤(⑯)、 テク スチ ャ で 「trail| を 選択 し ます ⑦⑧。 
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今 図 2 : マテ リア ル の 作成 


BallTrailMat マ テリ アル の 設定 を 行う 

[Project] ビュ ー で Ball プレ ハブ を 選択 し て ( 図 4①)、[Inspector] ビュ ー で TrailRenderer の Materi 
als の Elements0 の 右側 の [の 〇 ] ボタ ン を クリ ッ ク し て ぐ ⑨⑧、 先 ほど 作成 し た BallTrailMat マ テリ アル を 
選択 し ます ⑬③。 

[Inspector] ビュ ー で Time を 「0.4] に 、 Start Width を 「1」 に 、 End Width を 「0.3] に し ます ④。 
Colors の Color[0] を 「R=255、 G=255、G=255、A=255」 に 設定 し ます ⑤⑮⑯、 同様 の 手順 で Color[1] 
な | 255、 G ニ 255、 B=255、 196| に 、 Colorl 負 を | R253,. Gー255、 B=255; Aー128| に 、 Col 
Or[3] を |R=255、G=255、 B=255、 A=96」 に 、 Color|4] を 「R=255、 G=255、 B=255、 A=0] に し ます 
(⑦。 


念 図 3: BallTrailMat マ テリ アル の 設定 
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a ボー ル が 一 定 速度 に な っ た ら エ フェ クト を 表示 する よう に スク リプ ト を 追加 し ます 。 

[Project] ビ ピュー の |Scripts] フォ ル ダ か ら BallTrail ス クリ プ ト を [Project] ビュ ー の Ball プレ ハブ に 
ドラ ッ グ S&S ドロ ッ プ し て 追加 し ます 。 

ある い は Ball プレ ハブ を 選択 し て ( 図 4①)、[Inspector] ビ ピュー から [Add Component] ボタ ン を ク 
リッ ク し て ② [Scripts] ③ー [Ball Trail] を 選択 し て も ④、 スクリプト を 追加 で きま す 。 
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今 図 4 : エフ ェクト を 表示 する スク リプ ト の 追加 
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マリ スト 1 : BallTrail.cs 
001 | using UnityEngine; 
002 | using System.Collections; 


003 

004 | public class BallTrail : MonoBeha1our { 

005 

006 public float trailEnableSpeed = 6fE: 

007 

008 private TrailRenderer trailRenderer; 

009 

010 Vo1d Start () { 

011 trailRenderer = GetComponent<TrailRenderer>() / 

012 } 

013 

014 void Update () { 

015 trailRenderer.enabled = | 昌 | 
(rigidbody.velocity.magnitude > trailEnableSpeed) / 

016 } 

017 

018 | } 

動作 を 確認 する 


[Play] ボタ ン を クリ ッ ク し て 確認 し て み ま し ょ う 。 ス クリ プ ト を 編集 し て 一 定 の 速度 以上 に な っ た 時 
に 、「railRenderer が 表示 され る よう に な り ま し た ( 図 5)。 


I 


Score:20 


念 図 5 : 動作 の 確認 


cHAPTER 05 ピン ボー ル ゲ ー ム を 作る 


E 靖 参 コン ポー ネン ト に つい て 


実習 で は Trail Renderer コ ン ポ ボー ネン ト を 使っ て ボー ル が 動い た 後に 緑色 の エフ ェクト が 表示 され 
て いま し た 。 Trail Renderer は 、 パーテ ィ ク ル と 同じ Effect グル ー プ に 分 けら れ て いる エフ ェクト 用 の 
コン ポー ネン ト で す 。 

どの よう な コン ボ ポー ネン ト が ある か 見 て み ま し ょ う 。 


の 
= に 
> 
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Ut 


Trail Renderer コン ポー ネン ト 


「before] フォ ル ダ の EffectSample.unitypackage に サン プル を 収録 し まし た 。 


Particle System コ ン ポ ボ ポー ネン ト 
パー ティ クル を 表示 する コン ポー ネン ト で す 。 CHAPTER 04 で は 緑 ブ ロッ ク が 砕け る エフ ェクト に 
使っ て いま す 。 


Trail Renderer コ ン ポ ー ネ ン ト (サン プル : TrailSample.unity) 

ゲー ム オ ブ ジ ェクト が 移動 し た 軌跡 を トレ ー ス する よう な エフ ェクト を 表示 する コン ポー ネン ト で 
す 。 Mesh Renderer コ ン ポ ー ネ ン ト と 同じ よう に 、 描 画す る た め の Materials を 設定 で きま す ( 図 6、 
表 1)。 Trail Renderer コ ン ポ ー ネ ン ト に 指定 する Materials の Shader は 、 Particle グル ー プ を 選択 し ま 
す 。 


念 図 6 : Trail Renderer コン ポー ネン ト の 設定 例 
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マ 表 1: Trail Renderer コン ポー ネン ト の 設定 


Time 
Start Width 
End Width 


Colors 


Min Vertex Distance 


Autodestruct 


エフ ェクト が 表示 され て か ら 消 える まで の 時 間 を 秒 で 指定 する 
表示 開始 時 の エフ ェクト の 幅 
表示 終了 時 の エフ ェクト の 幅 


エフ ェクト の 色 や 透明 度 を 5 段階 で 指定 する 


エフ ェクト と の ポイ ント の 最小 間隔 を 指定 する 。 曲線 を 描い た 時 に 、 小 さい 値 
に する と 滑ら か に な り 、 大 きい 値 に する と 角張っ た 形 に な る 

有効 に する と 、 すべ て の エフ ェクト が 消え る と 、 Trail Renderer コン ボー ネン ト 
が 追加 され て いる ゲー ム オ ブ ジ ェクト が 削除 され る 


Line Renderer コ ン ポ ー ネ ン ト (サン ブル : LineSample.unity) 

2 点 以 上 の ポイ ント で 帯状 の エフ ェクト を 表示 する コン ポー ネン ト で す 。 Mesh Renderer コ ン ポ ー 
ネン ト と 同じ よう に 、 描 画す る た め の Materials を 設定 で きま す ( 表 2)。 Line Renderer コ ン ポ ボー ネン 
ト に 指定 する Materials の Shader は Particle グル ー プ の シェ ー ダ ー を 選択 し ます ( 図 7①②⑧)。 


念 図 7 : Line Renderer コン ポー ネン ト の バ パラメータ 


マ 表 2 : Line Renderer コン ポー ネン ト の 設定 


Positions 

Start Width 

End Width 

Start Color 

End Color 

Use World Space 


エフ ェクト を 描画 する 2 点 以上 の 座標 を 指定 する 

表示 開始 点 の エフ ェクト の 幅 

表示 終了 点 の エフ ェクト の 幅 

表示 開始 点 の 色情 報 

表示 終了 点 の 色情 報 

有効 に する と Positions で 指定 する ポイ ント が ワー ルド 座標 系 に な る 


Holo コ ン ポ ー ネ ン ト (サン ブル : HaloSample.unity) 
光 の 球体 の よう な エフ ェクト を 表示 する コン ポー ネン ト で す ( 図 8①②)。 ライ ト の よう に 別 の オブ 
ジェ クト を 照 ら す こと は で きま せん ( 表 3)。 
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念 図 8 : Holo コン ポー ネン ト の パラ メー タ 


マ 表 3 : Line Renderer コン ポー ネン ト の 設定 


バラ メータ 内 容 


Color 色 を 指定 する 
Size 球体 の サイ ズ を 指定 する 


Lens Flear コ ン ポ ー ネ ン ト と Projector コ ン ポ ボー ネン ト 
レン ズ フ レア 効果 を 再現 する た め の コ ン ポ ー ネ ン ト で す 。 Projector コ ン ポ ー ネ ン ト は キャ ラク ター 
に 簡単 な 影 を 表示 する コン ポー ネン ト で す 。 


18-3 輝 和 シ 4 ルレ 4 hp)Ard 


BallTrail.cs 

ボー ル が 一 定 の 速度 に な る と Trail Renderer コン ポー ネン ト を 有効 に し て いま す 。 

物理 オブ ジェ クト の 移動 速度 を 求め る に は 、 Rigidbody コン ポー ネン ト の velocity 変 数 に アク セス 
し ます 。 


Vector3 vel = rigidbody.velocity; 


velocity は Vector3 型 の 値 で 、 Vector3.magnitude 変 数 に アク セス する と ベク トル の 大 き さ を 求め 
る こと が で きま す 。 
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今 図 9 : velocity 


BallTrall ス クリ プ ト で は ボー ル の 移動 速度 が trailEnableSpeed 変数 の 値 以上 に な る と 、TrailRende 
rer コン ポー ネン ト を 有効 に し 、 速 度 が trailEnableSpeed 変 数 の 値 未 満 の 場合 に は 無効 に な る よう に 
し て いま す 。 


* TrailRenderer コンポーネント で ゲー ム オ ブ ジ ェクト の 動い た 軌跡 に エフ ェクト を 表示 で きま す 。 
* Line Renderer コン ポー ネン ト で シー ン に 帯状 の エフ ェクト を 表示 で きま す 。 
s Halo コン ポー ネン ト で 光 の 球体 の よう な エフ ェクト を 表示 で きま す 。 


上 LESSON19 葉 調 before 葉 還 記 [LESSON18] プ ロジ ェクト 、 EffectSample.unitypackage 


ポー ル の 速度 を コン トロ ー ル する 


入ら LESSON18 の 続き か ら 開 始 し ます 。 また は 「before] フォ ル ダ か ら TLESSON18」 プロ ジェ クト を 開き 、 
Main シ ー ン を 開い て くだ さい 。 

[Project] ビ ピュー の 「Prefabs] フォ ル ダ の Ball プレ ハブ を 選択 し て ( 図 1①)、[Inspector] ビュ ー で 
Rigidbody の Collision Detection の ドロ ッ プ ダウ ン メ ニュ ー か ら 【[Continuous] を 選択 し ます ⑧⑫。 


[Scene] ビュ ー 上 ③ の PinballMachine の な か の Wall オ ブ ジ ェクト の Box Colliider コン ポー ネン ト を 
すべ て 「Mesh Collider」 に 変更 し ます 。 
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今 図 1 : Rigidbody コン ポー ネン ト の パラ メー タ 


Wall を 設定 する 

[Hierarchy] ビュ ー の PinballMachine オ ブ ジ ェクト に ある Walls の 中 か ら 「Walll を 選択 し ます 。 

[Inspector] ビュ ー か ら [Add Componentl ボタ ン を クリ ッ ク し て ( 図 3①) っ [Physics1 ⑨ー [Mesh 

Collider] ③ を 選択 し ます 。 「 す で に 登録 され て いる Box Collider と 入れ 替え ます か ?」 と いう 英文 の 
認 ダ イア ログ が 表示 され ます の で 、[Replace] ボタ ン を クリ ッ ク し ます ④。 す る と Box Collider コ 

ン ポ ボー ネン ト が Mesh Collider コン ポー ネン ト に 入れ 替わり ます 。 


@ Inspectar 
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念 図 2 : Wall の 設定 


cHAPTER 05 ピン ボー ル ゲ ー ム を 作る 


追加 し た Mesh Collider に Physics Material を 指定 する ノノ 邊 
[Inspector] ビュ ー で Mesh Collider の Material が 「None] に な っ て いる の で 、 右側 の [の ] ボタ ン を 
クリ ッ ク し て ( 図 3①)、[Select PhysicsMateriall ダイ アロ グ を 表示 し て 「Walll を 選択 し ます ②③。 
同様 の 手順 で 残り の Wall オ ブ ジ ェクト も すべ て Mesh Collider コ ン ポ ボー ネ ン ト に 入れ 替え まし よう 。 


sO dldVHO う 


“ 01 
念 図 3 : Wall オ ブ ジ ェクト を Mesh Collider コ ン ポ ー ネ ン ト に 入れ 替え る 
ポー ル の 速度 を 抑制 する スク リプ ト を 追加 する 52 
次 に 、 ス クリ プ ト で ボー ル の 速度 を 抑制 する 処理 を 加え ます 。 [Project] ビュ ー の 「Prefabs] フォ ル ダ | 
か ら Ball プレハブ を 選択 し て ( 図 4①)、[Inspector] ビュ ー で [Add Component] ボタ ン を クリ ッ ク | F 
し て ② [Scripts] ⑨ー [Ball Speed] を 選択 し て ④、 BallSpeed ス クリ プ ト を 追加 し ます 。 
03 
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念 図 4 : ボー ル の 速度 を 抑制 する 処理 を 変更 
ャ リス ト 1 : BallSpeed.cs 07 
001 | using UnityEngine; 
002 using System.Collections; 
003 
004 | public class BallSpeed : MonoBehaviour { 08 
005 // 最大 速度 
006 public float maxVelocity = 30E: | 
007 / / 最大 速度 の 2 乗 | 
008 private float maxSqrVe1ooity 骨 og 
009 | 
010 Vo1d Start () { N 
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011 // 最大 速度 の 2 乗 を 求め て お く 

012 maxSqrVelocity = maxVelocity * maxVelocity; 

013 } 

014 

015 Vo1d FixedUpdate () { 

016 // 速度 チェ ッ ク 

017 if (rigidbody.velocity.sqrMagnitude > maxSqrVelocity) { 

018 // 物理 オブ ジェ クト の 速度 を maxVelocity で 指定 し た 最大 速度 に する 

019 rigidbody.velocity = rigidbody.velocity.normalized * | 知 
maxVelocity; 

020 } 

021 } 

022 | } 

動作 を 確認 する 


ピン ボー ル の 作成 は これ で 終わ り で す 。 [Play] 
ボタ ン を クリ ッ ク し て 動作 を 確認 し まし ょ う ( 図 
5)。 プ レイ で きる ボー ル の 個数 を 制限 し た り 、 
タイ トル 画面 や ゲー ム オ ー バ ー を 作っ た り 、 ヒ ッ 
ト タ ー ゲ ッ ト を 増やし た り し て みて くだ さい 。 


今 図 5 : ボー ル の 速度 を 抑制 する 処理 を 変更 


物理 エン ジン に つい て 

Unity の 物理 エン ジン で は Mass (質量 ) の 値 の 1 は 1Kg と し て 、 Transform の サイ ズ の 1 は 1m と し て 計算 され 
ます 。 今回 は ボー ル の モデ ル に プリ ミ テ ィ ブ の 球体 を 使い まし た が 、 こ れ は 直径 1 メー トル の 巨大 な ボー ル を 使 
っ て いる の と 同じ に な り ま す 。 実際 に は 3D モ デリ ング ソフ ト で モデ リン グ さ れ た モデ ル を 使う と よい で し ょ う 。 


上 E 禅 泊 コン ポー ネン ト の 速度 を 抑制 する 


LESSON 12 で Rigidbody コンポーネント の パラ メー タ と し て CollisionDetection が あり まし た 。 
詳し く 見 て み ま し ょ う 。 
この 値 は 物理 オブ ジェ クト の 衝突 を どの よう に 判定 する の か 指定 で きる パラ メー タ で す 。 


Discrete 
物理 オブ ジェ クト が どの よう に 動い た か は 関係 な く 一 定 間 隔 ご と に 他 の Collider に ヒッ ト し て いる 
か を 判断 する 方 式 で す ( 図 6)。 デ フォ ルト の 判定 方 式 で す 。 


cHAPTER 05 ピン ボー ル ゲ ー ム を 作る 


SO YILdVHD 


チェ ッッ 
すり 抜け た 


hi (っ 明 


エエ チエ ダク チエ ツク 
Ew 


作図 6 : Discrete 


Continuous 


静止 し て いる Mesh Collider に 対し て の み 継 続 的 に 衝突 判定 を し ます ( 図 7)。 Discrete より 衝突 判 
定 の 処理 が 重く な り ま す 。 


Continuous 


4 図 7 : Continuous 


Continuous Dynamic 
Continuous の 判定 に 加え て 、 Continuous が 指定 され 、 ls Kinematic が 無効 な 物理 オブ ジェ クト に 
対し て の み 継 続 的 に 衝突 判定 を し ます 。 
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衝突 判定 の サン ブル 

これ ら の 衝突 判定 の サン プル を 「before] フォ ル ダ の CollisionDetectSample.unitypackage に 収録 し まし 
た 。 画 面 を クリ ッ ク す る と ボー ル が 高速 に 壁 に 向かっ て 飛ん で いき ます ( 図 8)。 CollisionDetection の タイ プ 
に よっ て どの よう に 変化 する か 確認 し て み ま し ょ う 。 


信 図 8 : 衝突 判定 の サン ブル 


に 計 参 BallSDpeed ス クリ ブ ト に つい て 


実習 で は ボー ル の スピ ー ド を 抑制 する こと で すり 抜け を 防止 する よう に し まし た 。 BallSpeed ス ク 
リプ ト を 見 て み ま し ょ う 。 

LESSON 18 で は Trail Renderer コ ン ポ ボー ネン ト の エフ ェクト の 表示 を 切り 替え る た め に ボー ル の 
速度 を チェ ッ ク し まし た 。 BallSpeed ス クリ プ ト で も ボー ル の 速度 を チェ ッ ク し て 、 一定 の 速度 以上 の 
場合 、 そ れ 以 上 速度 が 上 が ら な いよ うに rigidbody の 速度 を 書き 換え て いま す 。 

BallTral ス クリ プ ト で は ボー ル の 速度 で ある ベク トル の 大 き さ に アク セス する た め に 以下 の よう に 
記述 し て いま す 。 


rigidbody.ve1ooi ty .magn1tude 

Balllrall ス クリ プ ト で は 、 ベク トル の 大 き さ ざさ に 以下 の コー ド で アク セス し て いま す 。 
Vector3.magnitude 

一 方 、 BallSpeed ス クリ ブ プ ト で は 、 ベク トル の 大 き さ に 以下 の コー ド で アク セス し て いま す 。 
rigidbody.ve1ooi ty . sqrMagn1tude == Veotor3.sqrMagn1tude 


Vector3.sqrMagnitude は 、Vector3.magnitude を 2 乗 し た も の で 、 magnitude に 比べ て 計算 速度 


cHAPTER 05 ピン ボー ル ゲ ー ム を 作る 


が 高速 で す 。 
BalSpeed ス クリ プ ト で は 2 乗 に し た 速度 の 上 限 値 と 、 Vector3.sqrMagnitude を 比較 する こと で 、 
ボー ル の スピ ー ド チェ エッ ク の 処理 速度 が 少し で も 早く な る よう に し て いま す 。 


SO d ヨ 1dVHO う 


、* 高速 に 移動 する 物理 オブ ジェ クト の すり 抜け 防止 対策 と し て 、Collision Detection の タイ プ を Discrate 
か ら Continuous ま た は Continuous Dynamic に 変更 し ます 。 


* 物理 オブ ジェ クト の 最大 移動 速度 を 制限 し ます 。 
: コラ イダ ー の 当たり 判定 を 大 きく し ます 。 
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Mega Shapes 
Editor Extensions/Modelling 
Chris West 

支 支 去 支 支 


We've all seen games with heautiful ralling 
backgrounds - now you can have them too! 


Making a racing ame7 No problem with Meqa- 
Shapes. Draw a nath for the road, draw a cross 
section and then loft a road. Want more detail? 
Then loft a barrier and it will automatically conform 
ta the road surface, Slide the harriers in or out, 
scale them, twist them - your imagination's the only 
limitl Use the powerful rail clone feature to repeat 
and position sets of objects alang your road。 like 
fences, power-lines, trees, etc! 


Mega=Shanes also gives you a scatter system that 
will take any objects you choose and scatter them 
alang your road and have therm automatically 
conform to the existing mesh's surface. 


ーー 


FROM THE CREATOR OF MEGA-FIERS 


新しい プロ ジェ クト を 作成 し ます 。 
名 前 は 「LESSON20] と し まし ょ う 。 


ゲー ム で 利用 する 車 の モデ ル を Asset Store か 
ら イ ン ポ ー ト し ます 。 Unity で Asset Store を 利 
用 する に は メニ ュー か ら [Window] 一 [Asset 
Store] を 選択 し て ウィ ンド ウ を 開き ます ( 図 1)。 


Wasteland 2 : Artist's S. 
3D Models :Emwirohmetes 
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NGUF HUD Text 
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365.09 
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Top Free 
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My Stuff 


Moutish your Soest stuff wettt Atiat Wors Tootst 


図 1 : Asset Store に アク セス 


cHAPTER06 ラジ コン カー ゲー ム を 作る 


Asset Store に ログ イン する 

Asset Store を 利用 する に は アカ ウン ト を 作成 し 
て ログ イン する 必要 が あり ます 。 ウ ィ ン ド ウ の 
右上 の 「Account] か ら [Create Account] を 
選択 し て ( 図 1①) アカ ウン ト を 作成 し ます 。 ア  [ 
カウ ント 作成 フォ ー ム が 表示 され ます の で 、 情 oo 
報 を 入力 し て ( 表 1)、 画面 下 の [Go] ボタ ン を 人 


クリ ッ ク し ます ③。 [Terms of Service] の 画面 っ 
で [Accept] ボタ ン を クリ ッ ク し て くだ さい 。 os 


os 
AcCou | 


La ュー 0 
リン sn リー 


Create Account 


の ②@ る ら @ ら 6 らら @@@@@O@@@ 


きま 
ensions Utrlities 


al Village 
/Enuirnnmsn 


今 図 2 : Asset Store に ログ イン 


マ 表 1 : 入力 項目 と その 内 容 


® Email Address 


は ee AT デー 
\ ロ / FaSSWOrQ 


メー ル ア ド レス (必須 ) 


ーー 


ーー 


バフ ワー ド (必須 ) 
NN いい ルッ 上 思 


パス ワー ド 確 認 (必須 ) 


住所 (必須 ) 


人 ね に 1 
04 


Zip/Postal Code 


| LY/ L り に C ア Y 


ログ イン を 確認 する 
ログ イン に 成功 する と 画面 右上 に 登録 し た 名 前 と メー ル ア ド レス が 表示 され ます ( 図 3)。 


久 AssetStore _ 


| 本 で BT Ey 


念 図 3 : ログ イン の 確認 


車 の モデ ル を ダウ ン ロ ー ド する 

ウィ ンド ウ 右 側 の Categories の 中 の 3D Models の 左 の 三角 の ボタ ン を クリ ッ ク し て ( 図 4①)、 そ の 
中 の [Vehicles| を クリ ッ ク し ます ②。 3D デ ー タ と し て モデ リン グ さ れ た 乗り 物 の リス ト が 表示 され 
ます 。 そ の 中 か ら IMine-resistant armored vehicle」 を 選択 し ます ③⑬)。 


SDRT BY POPULARITY / NAME / PRICE / RATING / RELEASE DATE 


Categories 
| F16a Fighter Jet 


音 Home 
| 3D Models 


Damaged Old Car 
VIS Games 


Unity Technologies 
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Not enouqh ratings 
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Star Blaster 
FireBallGarmestudios 
Not enOouqh ratings 
$10.00 


Services 


i Animatiorn 


念 図 4 : 車 の モデ ル の ダウ ン ロ ー ド 


ライ セン ス を 承諾 する 

[Download] ボタ ン を クリ ッ ク し ます ( 図 5①)。 こ の デー タ を 利用 する た め の ラ イセ ンス の 許諾 を 
求め られ ます の で [Accept] ボタ ン を クリ ッ ク し ます ②。 ダ ウン ロー ド が 完了 する と プロ ジェ クト に 
イン ポー ト す る か が 確認 する ダイ アロ グ が 表示 され ます の で ぐ ③、 [Import] ボタ ン を クリ ッ ク し ます ⑭④。 
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デ License Agreement 

Mine-resistant armored vehicle 8 
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License 

THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE COMMONS PUBLIC LICENSE ("CCPL* OR 


“LICENSE"). THE WORK 5 PROTECTED RY COPYRICHT AND/OR OTHER APPLICAHLE LAW_ ANY USE OF THE WORK OTHER THAN 
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BY EXEROSING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE TO BE SOUND BY THE TERMS OF THIS 
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a. "Adaptation" means a work based upon the WorkNor DO Wor ZInd other pre-existing works, such as a 
translaton, adantation, derivative wark, arrangement of PAN or tner efors of a literary or artistic work, or 


0 クリ ッ ク 


Technology Center 
Durtesy of ADL repo 


念 図 5 : ライ セン ス の 承諾 


6 [Project] ビュ ー に イン ボー ト さ れ た デー タ が 展開 され て いま す 。 そ の 中 か ら 「matv01_veh」 を 選 
択 し て [Scene] ビュ ー に ドラ ッ グ & ド ロッ プ し て ( 図 6①) 配置 し まし ょ う 。 イ ン ポ ー ト され た 車 の 


モデ ル が 表示 され ます (⑫。 


図 6 : 車 の モデ ル の 確認 


ゲー ム 開 発 向け に 用 意 さ れ た Asset Store 


少 人 数 また は 1 人 で 、 3D デ ー タ を 作成 し て 、 テ クス チャ を 用 意 し 、 ス クリ プ ト を 記述 し て ゲー ム を 
制作 する こと は と て も 大 変 で す 。 Unity に は その よう な クリ エー ター の た め に 、 Unity の プロ ジェ クト 
に 組 込 ん で 使え る さま ざま な デー タ を 有料 も し く は 無料 で ダウ ン ロ ー ド で きる Asset Store が あり ま 
す 。 目 分 で 作 つ た プロ ジェ クト や その 一 部 の デー タ を 販売 する こと も で きま す 。 


Asset Store の ウィ ンド ウ 
ウィ ンド ウ 左 上 の ボタ ン の 意味 は 左 か ら 、 前 の 画面 に 移動 、 次 の 画面 に 移動 、 ホー ム 画 面 に 移動 、 ダ 
ウン ロー ド し た Asset の リス ト を 表示 、 カー ト の 中 身 を 表示 、 となり ます ( 図 )。 


Asset Store 


Stunt Car | 1930's Roadster 1930's Racer Plane Battle Spaceship 
| Dak 3D Autosports Big Gopher THE JAMK 


A 図 7 : Asset Store の ウィ ンド ウ 


Asset の カテ ゴリ 


マ 表 2 : Asset の カテ ゴリ 


3D Models (3D モ デル ) 


Textures & Materials 
(アグ チャ ヤマ デリ アル 
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Audio (オー ディ オ ) 


Complete Projects 
(プロ ジェ タ ド ) 


Editor Extensions 
(エディ タ 拡 張 ) 


どの よう な アセ ッ ト が ある か 表 2 に まとめ まし た 。 


人 や 動物 、 建 物 や 乗り 物 、 自 
然 環 境 な ど さ ま ざま な 3D モ 
デル を ダウ ン ロ ー ド で きる 


地面 や 壁 な どの テク スチ ャ 
や 宝石 や 金属 な どの 質感 を 
表現 する マテ リア ル が ある 


BGM や 効果 音 や 環境 音 が あ 
る 


チュ ー ト リア ル や デモ プロ 
ジェ クト 、 そ し て いろ いろ な 
ジャ シル の ゲー た な の テッ シンプ 
レー ト プ ロ ジェ クト が ある 


エディ タ を 拡張 し て ゲー ム 
制作 を 便利 に する プラ グイ 
ン 。 モ デル を 編集 し た り 、 ス 
テー ジ 作 成 を 助け た り 、 ビ ジ 
ュ ア ルス クリ ブ プ ブ ト 環境 な ど 
が ある 
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アニ メー ショ ン が ある 


登録 すれ ば 、 Asset Store を 利用 で きま す 。 
* Asset Store に は 、 Unity 用 に さま ざま な ジャ ン ル の 3D モ デル が 用 意 さ れ て いま す 。 


* Asset Store の カテ ゴリ は 、 キ ャ ラク ター、 オ ー デ ィ オ 、 スクリプト 、 エ ディ タ 機 能 拡張 、 パ ー テ ィ ク ル 、 
サー ビス な ど ゲ ー ム 開発 の 用 途 に 合わ せ た 使 い 勝手 の よい モデ ル が た くさ ん あり ます 。 
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90 d ヨ 1LdVHO う 


則 LEsSON21 茂男 before 葉 庫 | 「LESSON20」 プ ロジ ェクト 


四則 車 を セッ ト ア ッ フ する 


る 人 LESSON 20 の 続き か ら 開 始 し ます 。 ま た は 


[before] フォ ル ダ か ら 「LESSON20] プロ ジェ 
クト を 開い て くだ さい 。 車 を セッ ト ア ッ プ する 
前 に [Projectl ビュ ー で 新しく |CarModell フ 
ォ ル ダ を 作成 し て イン ポー ト し た 車 モ デル の デ 
ー タ ー 式 を 移動 し ます 。 


2 [Project] ビュ ー で 前 の LESSON で イン ボ ポート し 


た 車 の モデ ル 「matv01_veh」 を 選択 し ます 。 


図 2 : 車 の モデ ル を 選択 


cHAPTER 06 ラジ コン カー ゲー ム を 作る 


車 の モデ テル の イン ポー ト セ ッ テ ィ ング を 変更 する 

[Inspector] ビュ ー で Meshes の Scale Factor を 「2] に 変更 し て [Apply] ボタ ン を クリ ッ ク し ます ①。 
次 に タブ を [Rig] に 切り 替え ます ③。 「Animation Type] を None に し て ④ [Apply] ボタ ン を クリ ッ 
ク グ し ます 。 

次 に タブ を [Animations] に 切り 替え て ⑤ 「Import Animation] を オフ に し て ⑥、 [Apply] ボタ ン を 
ク グリッ クタ し ます ゆ 。 


90 YLdVHD 


B Inspector ; § Inspector 


rio | Animarions | 


| マ None 
Legacy 
Generic 
Hurmanoid 


Generate Calliders [|] 
Swap UVs Ll 
Generate Lightmap UV [ ] 
Normals & Tangents 


今 図 3 : 車 の モデ ル を 適用 


車 を セッ ト ア ッ プ する た め の 地 面 を 作成 する 

新しく Cube を 作成 し て 名 前 を |Floorl と し ます ( 図 4①)。 [Inspectorl] ビュ ー で Position を [0, 
-1.5, 0] ② に 、 Scale を 「40, 0.5, 200] に し ます ③。 [Scene] ビュ ー が よく 見 える よう に 、 Direction 
al light を 作成 し て お きま す ④⑭⑤。 


正 Scene iame 
0 ) 


⑩ 確認 


回 er | に 
Tag | untagged もり 


今 図 4 : 地面 の 作成 
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ゲー ム オ フジ ェクト を 作成 する 

[Hierarchy] ビュ ー で 空 の ゲー ム オ ブ ジ ェクト を 作成 し て 、 名 前 を 「Car」 に し ます ( 図 5①)。 [Inspec 
tor] ビュ ー で Position を 10, 0, 0] に し ます ⑫。 [Add Componentll を クリ ッ ク し て メニ ュー か ら 
[Physics] 一 [Rigidbody] を 選択 し て 追加 し ます ③。 [Inspector] ビュ ー で Mass を |2000] に 、 
Drag を 「0」 に 、 Angular Drag を 「0] に し ます ④⑤。 


= Hierarchy 


Directional light | 
Flapr 
Main Camera 


Collision Detection 


pConstraints 


Add Component 


人 る 図 5 : ゲー ム オ ブ ジ ェクト の 作成 


Car オ ブ ジ ェクト の 子 オ ブ ジ ェクト に する 
[Project] ビ ピュー から 車 の オブ ジェ クト 「matv01_veh] を [Hierarchy] ビュ ー の Car ま で ドラ ッ グ & 
ドロ ッ プ し て 、Car オ プ ジ ェ クト ドド の 子 オ オプ ジェ クト に し ます ( 図 6)。 


Materials 


ドラ ッ グ S ド ロッ プ 間 


合図 6 : Car オ ブ ジ ェクト の 子 オ ブ ジ ェクト 


cHAPTER06 ラジ コン カー ゲー ム を 作る 


少し 浮い た 位置 に 調整 する 

シー ン ギ ズ モ を 操作 し ①、 Right ま た は Left に し て 、 matv01_veh が Floor か ら 少 し 浮い た 位置 に 調整 
し まし ょ う ②。 こ こ で は 操作 に より Position が 「0, -1.2, 0] に 変更 され て いま すぐ ③。 

Car オ ブ ジ ェクト の Z 軸 方 向 が 車 の 正面 に な る よう 、 matv01_veh の Rotation を 「0, 180, 0] に し ま 


90 d ヨ 1dVHO う 


人 Inspector 


matv01_veh | static 7 
Tag | Untagged 日 | Layer | Default 日 | 


念 図 7 : Car オ ブ ジ ェクト の 位置 の 調整 


車 の 当たり 判定 を 設定 

[Hierarchy] ビュ ー で 空 の ゲー ム オ ブ ジ ェクト を 作成 し て 、 名 前 を 「CarColliderl に し ます 。 
[Inspector] ビュ ー で [Add Component] ボタ ン を クリ ッ ク し て ( 図 8①)、「Box Collider」 を 追加 し 
ます ②。 [Hierarchy] ビュ ー で Car オ ブ ジ ェクト に ドラ ッ グ & ドロ ッ プ し て 子 オ ブ ジ ェクト に し ます 
③。 


QQ Inspector “ = Hierarchy 


男 CarCollider し 」Static 〒 


に arCnllidgr 
matv0l1_weh | 
Directional light 県 子 オ ブ ジ ェ ク | 


ャ 潤 区 Box Collider 
ETrigger 


Fa を に > ト に する 
Main Camera 


1 クリ ッ ク 
念 図 8 : 車 の 当たり 判定 を 設定 
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| ビー 
te NS ロロ ユエ 


[Command] + [D] キー を 押し て 、 CarCollider 。 RR1:Pasition & ど Scale 


DA へ AcifTi ヘ n い 
ビ OSIUIO n 


オブ ジェ クト を 2 回 複製 し 、3 箇 所 に 分 け ま す 。 
BoxCollider で 当たり 判定 を 調整 し ます ( 図 9① 
~⑥)。 [Inspector] ビュ ー で 表 1 の よう に Posit 
on と Scale を 調整 し ます 。 


0 1.3/. 0.22 22 
0, 2.8, -2 4.5, 2. 8 
0, 4.9, -1.3 2.4, 2, 3 


CarcCollider 


rmatwvU1_wveh (3) ノリ ッ ク 


CarCnllidgr 


甘 | 


ianal light( 5 2 


念 図 9 : 車 の 当たり 判定 の 調整 


cHAPTER06 ラジ コン カー ゲー ム を 作る 


WheelCollider コ ン ポ ー ネ ン ト を 作成 する 

タイ ヤ を シミ ュ レ ーション する WheelCollider コ ン ポ ー ネ ン ト を 4 つ 作 成 し ま す 。 [Hierarchy] ビュ ー 
* 空 の ゲー ム オ ブ ジ ェクト 作成 し て 名 前 を 「WcFrontLeftl] と し ます ( 図 10①)。 [Add Componentl 

ボタ ン を クリ ッ ク し て ぐ ⑧、 [Physics] っ [WheelCollider] を 選択 し て 「Wheel Collider」 を 追加 し ます 。 

[Inspector] ビュ ー で Wheel Collider コン ポー ネン ト を 表 2 の よう に 設定 し ます 。 


WCFrnntLgft 


6 追加 


9⑳ クリ ッ ク 


念 図 10 : WheelCollider コン ポー ネン ト 


マ 表 2 : Wheel Collider コン ポー ネン ト の 設定 


人 


③ Mass 1 
@ Radius 1 
⑤ Suspension Distance 0.7 


⑦ Spring 1000 
(@⑥) Suspension Sprin 
に Damper 200 


Target Position 1 


⑩) Forward Friction 
D ⑪ Stiffness Factor 1 


Sideways Friction 
9 4 ⑬) Stiffness Factor 0.2 


の 
に 
と | 
"Q 
- 
『mi 
と ッ 
© 
の 
d 
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Left オ ブ ジ ェクト を [Command] + [D] キー を 押し て 3 つ 複 製 し 、 名 前 を それ ぞ れ 「WcFrontRight」 
[WcRearLeft| 「WcRearRight] と し ます 。 そ れ ぞ れ の Position を 表 3 の よう に 入力 し ます ( 図 11① 
②③⑬③④)。 シ ー ン を Main と いう 名 前 で 保存 し まし よう 。 


マ 表 3 : 4 つの オブ ジェ クト の 設定 

オブ ジェ クト | Position | 
WceFrontLeft -2.446, 0.6, 3.89 
② WcFrontRight 2.446, 0.6, 3.89 
③ WcRearLeft -2.446, 0.6, -3.94 
④ 


WcRearRight 2.446, 0.6, -3.94 


ee 


今 図 11 : オブ ジェ クト の 作成 


cHAPTER06 ラジ コン カー ゲー ム を 作る 


pe 大 WheelCollider コン ポー ネン ト 


実習 で は WheelCollider コ ン ポ ー ネ ン ト ( 図 12) を 利用 し て 、 車 を セッ ト ア ッ プ し まし た 。 
WheelCollider コ ン ポ ー ネ ン ト は 、 Unity の 物理 エン ジン の 機能 の 1 つ で 、 Rigidbody コン ポー ネン 
ト が 追加 ご れ た 物理 オブ ジェ クト に 対し て 車輪 の 機能 を 提供 し ます 。 


「 旬 
エエ 
Pp 
で 
| 
『T1 
と ッ 
© 
の 


合図 12 : WheelCollider コンポーネント 


WheelCollider コンポ ー ネ ン ト を 使っ て 車 を セッ ト ア ッ プ する に は 、 Rigidbody コン ボー ネン ト の 
追加 され た 物理 オブ ジェ クト の 子 オ ブ ジ ェクト と し て 設定 し ます 。 実習 の Car オ ブ ジ ェクト は 表 4 の 
よう な 構成 に な っ て いま し た 。 


マ 表 4 : Car オ ブ ジ ェクト の 構成 


オプ ジェ エタ ド 


Car 親 オ ブ ジ ェクト Rigidbody や Car を 操作 する スク リプ ト 


を 持つ 
Collider 車 の 当たり 判定 Box Collider = 
Collider 車 の 当たり 判定 Box Collider 一 
Collider 車 の 当たり 判定 Box Collider = 
matv01_veh 車 の モデ ル 一 
WcFrontLeft 車輌 WheelCollider 
WcFrontRight 車輌 WheelCollider 
WcRearLeft 車輪 WheelCollider 
WcRearRight 車 輸 WheelCollider 


複雑 そう に 見 えま す が 、 最低 限 必要 な の は 「Rigidbody」 と 「Collider」 と 「WheelCollider」 で す 。 


WheelCollider で 設定 で きる 値 
WheelCollider で 設定 で きる 値 は 大 きく 分 け て 2 つ © Inspector 
あり 、 タ イヤ と サス ペン ショ ン (バネ の 力 に よっ て 車 を ーー 
支え る 装置 ) の 特性 を 設定 し ます ( 図 13、 表 5)。 「 [ 
Forward Friction と Sideways Friction の 2 つの タイ 
ヤ の 摩擦 設定 は 、 WheelFrictionCurve で 指定 し ます 。 
それ ぞ れ の デフ ォ ル ト 値 は 表 6 の よう に な っ て いて 、 一 
般 的 な タイ ヤ の 摩擦 力 は 図 11 の よう な カー ブ に な っ て 
いる と され て いま す 。 特に stiffness の 値 は 摩擦 力 の カ 
ー ブ 全 体 を 調整 する た め に 利用 で き 、 0 に する と 氷 の 上 
の よう に まっ た く タ イヤ が グリ ッ プ し な いよ うに な り 


ます 。 IT 
WheelCollider は PhysicsMaterial の 影響 を 受け な い 
の で 、 滑 りや すい 路面 や よく グリ ッ プ する 路面 な どの 


車 
の 
モ 
ププ 
ル 
の 
設 
定 
を 
行 
つ 


Extremum Slip 
Extremum Value 
Asymptote Slip 
Asymptote Walue 
Stiffness Factor 


表現 は 、 こ の stiffness の 値 を スク リプ ト か ら 変 化 さ せ 

て 調整 する よう に し ます 。 の ア 
Extremurm Slip 
Extremum Value 
Asymptote Slip 
Asymptote Value 
Stiffness Factor 


念 図 13 : タイ ヤ と サス ペン ショ ン 


マ 表 5 : WheelCollider で 設定 で きる 値 


内 容 
i タイ ヤ の 質量 。 大 きく する と タイ ヤ を 回 転 さ せる た め に 、 より 多く の 力 が 必要 に 
ass な る 
② Radius タイ ヤ の 半径 。 表 示す る 車 の タイ ヤ の モデ ル に 大 き さ が 合う よう に 調整 する 


中 心から の サス ペン ショ ン の 最大 の 長 さ 。 車 が 地面 か ら 離 れ た 時 に どれ だ け タ 
③ Suspension Distance イヤ が 接地 し て いら れる か 調整 する 。 今 回 は オフ ロー ド 車 な の で 少し 大 きめ に 
し て いる 。 レ ー シ ン グ カ ー で あれ ば 「0.1」 や 「0.2] な ど に する と よい 


WheelCollider が セッ ト さ れ て いる オブ ジェ クト の Transform の Position か 


Center ら の 相対 位置 
サス ペン ショ ン の 設 
スプ リン グ の 強 さ 。 車 の 重 さ を 支え る バネ の 強 さ 。 Rigidbody 
⑥ Spring の Mass に 対し て 小さ すぎ る と バネ は 常に 押し つぶ され て し ま 
う 。 ま た 大 きす ぎる と バネ の 役割 を 果たさ な い 
⑤) Suspension Spring の | Damper ダン パー。 縮 ん だ バネ が 戻 ろ うと する 力 を 鈍く する 力 。 こ の 
PC 力 が 翌 す ぎる と 跳ね る 力も 弱い 挙動 に な る 
Taraet サス ペン ショ ン の 中 心から の 位置 。 一 般 的 な 車 で は デフ ォ ル 
1 ト の 0 を 指定 する が 、 サ スペ ンション の 動き の 大 き な オ フロ ー 


⑨) Forward Friction 
Sideways Friction 


ド 車 な の で 1 と し て いる 。 


タイ ヤ の 進行 方 向 へ の 摩擦 カー ブ 設 定 
タイ ヤ の 横 方 向 へ の 摩擦 カー ブ 設 


マ 表 6 : Forward Friction と Sideways 
Friction の 2 つの タイ ヤ の 摩擦 設定 


摩擦 の 頂 目 テ フ ォ ルト の 値 
extremumSlip 1 
も PPE っ nnnn | 
asymptoteSlip 2 


_asymptoteValue _ 


stiffness 1 


・ WheelCollider で 車 モ デル を 物理 エン ジン に よっ て コン トロ ー ル する こと が で きま す 。 
s WheelCollider で 設定 で きる 値 は 、 大 きく 分 け て タイ ヤ と サス ペン ショ ン に 分 か れ ま す 。 


・ タイ ヤ の 摩擦 力 な ど 細 か い 設 定 が 可能 で す 。 


cHAPTER06 ラジ コン カー ゲー ム を 作る 


Force 
Extremum 


Asymptote 


90 d ヨ 1dVHO う 


Slip 


全 図 14 : WheelFrictionCurve 
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こい A 
a LESSON22 形 較 ae 肪 還 呈 「LESSON21」 プロ ジェ クト 、” CarController.cs、 


CarSound.cs、Wheel.cs、se_car_engine.wav 


ァ アア 急 陣 車 の 当たり 判定 を 行う 


LESSON 21 の 続き か ら 開 始 し ます 。 ま た は 「before] フォ ル ダ か ら 「LESSON21] プロ ジェ クト を 開 
き Main シー ン を 開い て くだ さい 。 [Project] ビュ ー に 新しく フォ ル ダ を 作り 、 名 前 を 「Scripts] と し 
ます ( 図 1①)。 「LESSON22] フォ ル ダ か ら CarControllercs の スク リプ ト ② を イン ポー ト し て ぐ ③、 Car 
オブ ジェ クト に 追加 し ます 。 


You can also import fles by dragging them from the Finder into the Project view 
or manually copying them to the asset folder, 


| < コ 能 器 還 四 咽 | || 議 * | | 岬 before | (Q \ 
(2 】 に に = 
FAVO 選択 還 CarController.cs 


| | CarSound.Cs | 
SHARED ニー ~~ 
同 LEssoN21 ド 
| DEVICES se car engine.wav 
a MOOE も 
IIWJLIY | ] Wheel.cs 
MEDIA 


scripts 
Name CarController.cs 
Kind C#Source File 


Size 3 KB 
Creared 2012 年 9 月 2 日 13:30 
Modified 2012 年 9 月 2 日 13:30 
Last onered 2012 年 9 月 2 日 13:30 


図 1 : Car オ ブ ジ ェクト に スク リプ ト を 追加 する 


cHAPTER06 ラジ コン カー ゲー ム を 作る 


[Inspector] ビュ ー で Wc Front Left の 右側 の [O] ボタ ン を クリ ッ ク し て ( 図 2①)、 リス ト か ら 「WcFr アア” 
ontLeft] オブ ジェ クト ⑨⑧② を 選択 し ます 。 残 り の Wc Front Right は 「WcFrontRight] を 、 Wc Rear 『 “| 
P| 
Left に は 「Wc Rear Left] を 、Wc Rear Right に は 「WcRearRight」 を 選択 し ます (③ て ⑤)。 Center ト 
Ti 
Of Mass を 「0, -0.6, 0] に ⑥、 Engine Power を 「20] に ⑦、 Brake Power を 「10] に ⑧、 Steer Ang Me 
le Max を 「20] に し ます ⑨。 の 
gp Car 
賠 ーー テー 
) クリ ッ ク 
bh 01 
02 
03 
WcFrnntLeft EE 
oa 
念 図 2 : Wc Front Left、 Wc Front Right、 Wc Rear Left、 Wc Rear Right の 設定 ーー 
メモ CarController.cs し 


ペー ジ 数 の 都合 上 、 CarController.cs の リス ト に つい て は 割愛 し て いま す 。 


[before] フォ オル ダ か ら Wheel.cs ス クリ プ ト を イン ポー ト し ます 。 「matv01_veh] の 階層 の 中 に ある 
タイ ヤ モ デ ル に Wheel ス クリ プ ト を 追加 し ます ( 図 3①)。 

[Hierarchy] ビュ ー で 「matv01_veh] ー 「Collada_visual_scene_group」 一 「sceneRoot| っ 「gro 07 
up」 ~ 「Collada_visual_scene_group 1] > 「sceneRoot 1] っ 「group_1」 っ 「hull] を 開き 、 driv 
er_side_back_wheel と driver_side_front_wheel と passenger_side_back_wheel と passengd 
er_side_front_wheel が 4 つの タイ ヤ モ デ ル で す 。 


タイ ヤ モ テ ル を スク リプ ト で 回 転 さ せる 


08 
4 つの タイ ヤ モ デ ル を [Command] キー を 押し な が ら 選 択 し て ② (⑥⑦⑧)、[Inspector] ビュ ー で 
[Add Component] ボタ ン を クリ ッ ク し て ③、 メニ ュー か ら [Scripts] っ [Wheel] を 選び ④⑤、 それ 
ぞ れ に Wheel ス クリ プ ト を 追加 し ます 。 
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人 図 3 : Wheel ス クリ プ ト の 追加 


CarController.cs 
ペー ジ 数 の 都合 上 、 CarController.cs の リス ト に つい て は 割愛 し て いま す 。 


[Inspector] ビュ ー で Wheel ス クリ ゃ 表 1: 各 オブ ジェ クト に 設定 する Wheel Collider コン ボー ネン ト 
プ ト の Wheel Collider の 右側 の [Q] 必定 | オブ ジェ クト | 設定 値 | 
ポタ ン を クタ クリック し て 、 ぞ それ ぞ れ に ① driver_side_back_ wheel WcRearLeft 
対応 する WheelCollider コン ポー ② driver_side_front_wheel WcFrontLeft 

ネン ト を 設定 し ます ( 図 40②③ ぐ ④、 ③ passenger_side_back_wheel WcRearRight 

表 1)。 ④ passenger_side_front_wheel WcFrontRight 


i] Inspector 


信 図 4 : WheelCollider オ ブ ジ ェクト の 設定 


cHAPTER 06 ラジ コン カー ゲー ム を 作る 


車 の 動き を 確認 する 
[Play] ボタ ン を クリ ッ ク し て 車 の 動き を 確認 し ます 。 [W] キー で 前 進 、[S] キー で 後退 、[A]、[D] キ 


ー で 左右 に タイ ヤ の 角度 が 変わ り ま す 。 車 を 動か す と 前 後 左右 に サス ペン ショ ン が 伸び 縮み し て 、 車 
の 進行 方 向 に タイ ヤ が 回 転 し て いる こと を 確認 で きま す 。 [Play] ボタ ン を クリ ッ ク し て 人 確認 を 止め ま 
す ( 図 5)。 


90 d ヨ 1dVHO う 


念 図 5 : 車 の 動き の 確認 


エン ジン 音 を セッ ト ア ッ プ する 
[Project] ビュ ー に 新しく フォ ル ダ を 作成 し て ( 図 6①)、 名 前 を 「Sounds] に し ます 。 「before」 フォ 
ル ダ か ら se_car_engineuwav フ ァイル ② を イン ポー ト し ます ③。 


You can also impnort files by dragging them from the Finder into the Project view 
or manually conying them to the asset folder. 


[lm 回 | 言 丁 軒 叫 || 加 <|[ 画 befere ji(Q ) 
FAVORITES | | CarController.cs 
| CarSound.cs 
LESSON2 

DEVICES - SE_ car engine.wav 


SHARED 


MEDIA 


Name se_car_engine.... 
Kind Waveform audio 
Size 36 KB 
Created 2012/06/09 
Modified 2012/06/09 
Last Opened 2012706/09 
再生 時 間 00:01 
サッ プル レー 


1 ピッ ト / サ ン を クリ ッ ク 


る る 図 6 : エン ジン 音 の セッ ト ア ッ プ 
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mm Ao a か 計 江 ーー ンチ 
Nl 「 A 。 面 の ペ 
LL ク ー が ) の wu 

に ーー ニーロ リリ, 


[Hierarchy] ビュ ー の Car オ ブ ジ ェクト に se_car_engine.wav ファ イル を ドラ ッ グ & ド ロッ プ し て 追 
加 し ます ( 図 7①)。 Car オ ブ ジ ェクト に Audio Source コン ポー ネン ト が 追加 され 、Audio Clip に se _ 
car_engine が セッ ト さ れ て いる こと が わか り ま す ②。 [Inspector] ビュ ー で AudioSource コン ポー 
ネン ト の 「Loop] の チェ ッ ク ボ ックス を ON に し ます ③⑬。 

「before] フォ ル ダ か ら CarSound.Cs の スク リプ ト を イン ポー ト し て ④、[Hierarchy] ビュ ー の Car オ 
ブ ジ ェクト に 追加 し ます ⑤。 [Play] ボタ ン を クリ ッ ク し て 、 エン ジン 音 を 確認 し まし ょ う 。 


mm 


の 
3 ニー - し "yr 
た ms ide 


ドロ ッ フ プ 


matyll 1 


] 


= Snunds 1 ド フ ツ グ & 


Eripts 


CarSound.cs 
ペー ジ 数 の 都合 上 、 CarSound.cs の リス ト に つい て は 割愛 し て いま す 。 


cHAPTER06 ラジ コン カー ゲー ム を 作る 


叩 補 参 スク リブ ト で 制御 する 


車 の セッ ト ア ッ プ が で きた ら ス クリ プ ト で タイ ヤ を 回 転 さ せま す 。 そ の 前 に WheelCollider は タイ 
ヤ の 摩擦 力 や サス ペン ショ ン の 動き を 物理 エン ジン で シミ ュ レ ー ト し て くれ ます が 、 車 の エン ジン の 
動き まで は 計算 し て くれ ませ ん 。 

WheelCollider に で きる の は 、 前 後方 向 に タイ ヤ を 回 転 さ せる こと と 、 タ イヤ の 向き を 変え る こと 
だ け で す 。 例え る な ら タ イヤ の ホイ ー ル 部 分 に 電気 モー ター が 内 蔵 さ れ て いる イン ホイ ー ル モー ター 
車 ( 八 ブ モー ター 車 ) の よう な イメ ー ジ で す 。 よ り リ アル な エン ジン の 動作 や トラ ンス ミッ ショ ン な 
どの 動き は スク リプ ト で 用 意 し な けれ ば な り ま せん 。 こ の よう な サン プル は Unity 社 の 公式 チュ ー ト 
リア ル の Car Tutorial が 参考 に な る で し ょ う 。 
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車 を 動か す (CarController.cs) 

今回 は シン プル に 車 を 動か す た め 、 前 後 の キ ー 入 力 で すべ て の タイ ヤ を 前 進 プ 後退 方 向 に 回 転 させ 
る 、 左右 の キー で 2 つの 前 輪 を 左右 に 角度 を 変え る と いう ラジ コン の よう が 制御 を し て いま す 。 

まず 以下 の よう に 、 Start 関 数 で 重心 を 設定 し ます 。 


022 | rigidbody.centerOfMass = centerOfMass; 


Rigidbody.centerOfMass は オブ ジェ クト の 中 心から どの 位置 に 重心 が ある か を 表し て いま す 。 重 
心 が 高 いと 左右 に ハン ドル を 切っ た 時 に すぐ に 横転 し て し まう の で 、 車 を セッ ト ア ッ プ する 時 は 中 心 
か ら Y 軸 の マイ ナス 方 向 に 設定 し て お く と 車 の 動き が 安定 し ます 。 

WheelCollider が 地面 に 接地 し て いる か どう か を 判断 する に は 、 WheelColliderisGrounded を 参 
照 し ます 。 true な ら タ イヤ が 地面 に 接地 し て いる こと に な り ま す 。 

タイ ヤ に 回 転 力 を 与え る に は 、 WheelCollidermotorTorque に 回 転 力 を 与え ます 。 プ ラス に 与え 
る と WheelCollider の Z 軸 方 向 に 進み ます 。 

タイ ヤ に ブレ ー キ を か が ける に は 、 WheelCollider.brakeTorqgue に ブレ ー キ を 与え ます 。 

タイ ヤ を 左右 に 切る に は 、 WheelCollider.steerAngle に 角度 を 与え ます 。 プ ラス 方 向 に 角度 を 与え 
る と WheelCollider の Y 軸 の プラ ス 方 向 に 回 転 し ます 。 


タイ ヤ モ デ ル を 動作 させ る (Wheel.cs) 
WheelCollider に は 実際 に 表示 され る タイ ヤ の モデ ル を 回 転 さ せ た り 移動 させ た りす る 機能 は あり 
ませ ん 。 WheelCollider の 状態 を スク リプ ト で チェ ッ ク し て 、 タイ ヤ の モデ ル に 動き を 付け ます 。 
Wheel ス クリ プ ト で は 、 タイ ヤ の Y 軸 方 向 の 位置 の 変更 と タイ ヤ 回 転 の 2 つの こと を し て いま す 。 
タイ ヤ が 地面 に 接地 し て いる か どう か を 取得 する に は 、 以下 の よう に 記述 し ます 。 


マタ イヤ が 地面 に 接地 し て いる か どう か を 取得 する 
WheelHit hit; 
WheelCollider.GetGroundHit (out hit) 


接地 し て いる と true が 返っ て き て 、 引数 に 渡し た WheelHit に は 接地 情報 が 含ま れ て いて 、 Wheel 
Hit の 情報 を 基 に タイ ヤ モ デ ル の Y 軸 の 位置 を 変更 させ て いま す 。 


_ て NOSS ヨ 1 | 
/ 


タイ ヤ の 回 転 量 は WheelCollider.rpm で 取得 で きま す 。 rpm は 1 分 間 あ た り の 回 転回 数 の こと な の 
で 、 以 下 の よ うに 記述 し ます 。 


EE 
_/ 60) * Time.deltaTime 


ハン ドル を 左右 に 切っ た 角度 は WheelCollider. steerAngle で 取得 で きま す の で 、Quaternion. 
Euler(X 軸 の 回 転 角 度 、Y 軸 の 回 転 角 度 、 / 軸 の 回 転 角 度 ) 関 数 で 回 転 情 報 を 取得 し て 、 タ イヤ モデ ル を 
回 転 さ せ て いま す 。 


サウ ンド を 加え る (CarSound.cs) 

Unity で 効果 音 や BGM を 鳴ら す に は AudioSource コ ン ポ ー ネ ン ト が 必要 で す 。 AudioSource コン 
ポー ネン ト は 音 の 発生 源 と し て の 機能 が あり 、 実 際 ど う いう 音 が 鳴る の か と いう デー タ は AudioClip 
に 指定 し ます 。AudioClip は プロ ジェ クト に イン ポー ト し た WAV ファ イル や MP3 フ ァイル の こと で す 。 

今回 は AudioSource コン ボー ネン ト と AudioClip を 手 っ 取り 早く Car オ ブ ジ ェクト に セッ ト す る た 
め に イン ポー ト し た se_car_enginewav を Car オ ブ ジ ェクト に ドラ ッ グ & ドロ ッ プ し まし た 。 

プレ イヤ ー に 聞こ える 音 の 大 き さ は Audio Listener コ ン ポ ー ネ ン ト が セッ ト さ れ た オブ ジェ クト と 
の 距離 で 決ま り ま す 。 Audio Listener コ ン ポ ボー ネン ト は 通常 Main Camera に 予め セッ ト さ れ て いま 
す の で カメ ラ か ら 遠 い 音源 は 小さ く 聞 こえ 、 近い 音源 は 大 きく 聞こ える よう に な り ま す 。 

BGM の よう に カメ ラ の 位置 に よっ て 音量 が 変わ ら な いよ うな も の は 、Main Camera に Audio 
Listener を セッ ト し て AudioClip に BGM ファ イル を 指定 する と よい で し ょ つう ( 図 8)。 


《 クリ ッ ク 


Maih Camera 


信 図 8 : BGM ファ イル を 指定 


cHAPTER06 ラジ コン カー ゲー ム を 作る 


サン プル で は CarSound ス クリ プ ト で エン ジン 音 の サウ ンド は 車 の 移動 速度 が 速く な る と 音 が 高く 
な る よう に し まし た 。 こ れ は Car オ ブ ジ ェクト の 速度 に よっ て AudioListener コ ン ポ ー ネ ン ト の pitch 
(ピッ チ ) の 値 を 変化 させ て いる か ら で す 。 
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* AudioSource コン ポー ネン ト に AudioClip を 指定 する こと で 音 を 鳴ら すこ と が で きま す 。 
x 車 を コン トロ ー ル する た め に CarController.cs を 利用 し て いま す 。 

* 車 の タイ ヤ を 動か す た め に Wheel.cs を 利用 し て いま す 。 

s エン ジン の サウ ンド を 鳴ら す た め に CarSound.cs を 利用 し て いま す 。 
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由 軸 LESSON23 葉 before 葉 剛 還 「LESSON22」 プロ ジェ クト 、 car-terrain-mac.raw 


呈 通 除 車 が 走る 地形 を 作成 する 


る LESSON 22 の 続き か ら 開 始 し ます 。 また は |before」 フォ ル ダ か ら TLESSON22 | プロ ジェ クト を 開き 、 
Main シー ン を 開い て くだ さい 。 


地形 の 作成 に 入る 前 に 前 の LESSON で セッ ト ア ッ プ し た シー ン を 保存 し て 、 Car オ ブ ジ ェクト を プレ 
八 プ に し て お きま す 。 


[Project] ビュ ー で 新しく フォ ル ダ を 作成 し て 、「Prefabs] と いう 名 前 に し ます ( 図 1①②)。 
[Hierarchy] ビュ ー の Car を [Project] ビュ ー の 「Prefabs]」 フォ オル ダ ま で ドラ ッ グ & ドロ ッ プ し て 、 プ 
レ ハ ルプ に し ます ③。 な お LESSON 25 で は 、 ここ で プレ ハブ に し た Car オ ブ ジ ェクト を 利用 し ます 。 


| Assets » Prefahs 


ーー Pre 


図 1 : Car オ ブ ジ ェクト の プレ ハブ 化 


[Command] + [N] キー を 押し て 、 新 し く シ ー ン を 開き ます 。 メ ニュ ー か ら 「[Terrain] ( 図 2①) っ 
[Create Terrain] ② を 選択 し ます 。 [Hierarchy] ビュ ー に 「Terrain] が 作成 され ③、 [Scene] ビュ ー に 
は 平ら な 板 が で きま す ⑭。 

hv PAD 

| cemmm "me 


Create Terrain 


Mass Place Trees... 
Flatten Heightmap... 
Refresh Tree and Detail Prototypes 


:= = Hierarchy 


Create *| (araAl U3 論 地 当 D9 


Terrain 


る 図 2 : シー ン の 保存 


[Hierarchy] ビュ ー で 「Terrain」 を 選択 する と 、[Inspector] ビュ ー に Terrain の 編集 ツー ル が 表示 さ 
れる の で 、 一 番 左 の ツー ル を 選択 し ます ( 図 3①)。 

ブラ シ の 形 を 選択 し て ②、[Scene] ビュ ー で 平面 を マウ スカ ー ソ ル で な ぞ る と ③ 地 形 が 盛り 上 が っ て 
さま す 。 こ の 時 、 マウ ス は ゆっ くり 動か す の が コツ で す 。 

[Shift] キー を 押し な が ら 盛 り 上 が っ た 部 分 を な ぞ っ て みる と ④、 盛 り 上 が っ た 部 分 が 削ら れ ま す 。 ブ 
ラ シ の 形 や 大 き さ を 設定 し て ⑤、 地形 の 中 央 に 大 き な 山 を 作成 し まし ょ う 。 


[i 1 Inspector 
mW = TR 


a 0 [Shift] キー を 押し な が ら 盛 り 上 が っ た 部 分 を マウ ス で な ぞ る 


ー。 べべ 


今 図 3 : 地形 の 盛り 上 げ 


[Raise / Lower Terrain] ツ ー ル 
地形 を ブラ シ の 形 に 盛り 上 げた り 削 っ た りす る ツー ル で す 。 ペ イン ト ツ ー ル で キャ ン バ ス に 絵 を か く よ う に し 


て 地面 の 高低 を 作っ て ゆき ます 。 Brush Size で ブラ シ の 大 き さ を 変更 し 、 Opacity で ブラ シ の 影響 力 を 変更 し 
ます 。 Brushes で ブラ シ の 形 を 変更 で きま す 。 


車 が 通る 道 を 作る 

[Paint Height] ツー ル で 、 車 が 通る 道 を 作成 し て み ま し ょ う 。 Brushes で 右上 か ら 3 番目 の ブラ シ を 
選択 し て ( 図 4①②)、Brush size を 「30] に 、 Opacity を 「50」 に 、 Height を 「80] 前 後に し て ③、 山 
の 周り を 削る よう に 道 を 作っ て ゆき ます ④⑤。 
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今 図 4 : 車道 の 作成 


[Paint Height] ツー ル 
ブラ シ で ペイ ント し た と ころ が 指定 の 高 さ に な る よう に 変化 し ます 。 


cHAPTER06 ラジ コン カー ゲー ム を 作る 


地形 を 滑ら か に する 

[Smooth Height] ツー ル ( 図 5①②) で Brush Size を 大 きめ に 、 Opacity を 控え め に し て ③、 凹 凸 の 
は っ きり し た 部 分 を な ぞ っ て みる と ④、 滑 ら か に 変化 する の が 確認 で きま す 。 中 央 に 山 が あり 、 周 り 
に 平ら な 道 が ある 地形 が で き あ が り ま す 。 


念 図 5 : 地形 を 滑ら か に 修正 


[Smooth Height] ツー ル 
この ツー ル は ブラ シ で ペイ ント し た 場所 を 均一 に な らし ます 。 


ハイ トマ ッ プ に 書き 出す 

作成 し た 地形 の 高低 デー タ は ハイ トマ ッ プ と し て ファ イル に 書き 出す こと が で きま す 。 

メニ ュー か ら [Terrain] ( 図 6①) っ [Export Heightmap - Raw] を 選択 する と ②、[Export Height 
map] ダイ アロ グ が 表示 され ます ③⑬。 [Export] ボタ ン を クリ ッ ク し て ぐ ④⑭、 名 前 を 指定 し め 、[Save] ボ 
タン を クリ ッ ク す る と ⑯ 保 存 で きま す 。 
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Create Terrain 

Import Heightmap 

Export Heightmap - Raw..… 
Set Resolution.. 
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今 図 6 : ハイ トマ ッ プ へ の 書き 出し 


地形 デー タ を フラ ッ ト に する 

メニ ュー か ら [Terrain] ( 図 7①) 一 [Flatten Heightmap] を 選択 する と ②、[Flatten Heightmap] 
ダイ アロ グ が 表示 され ます の で ③、[Flatten] ボタ ン を クリ ッ ク し ます ④。 す る と 地形 が 平ら に な り 
ます ぐ ⑤。 
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今 図 7 : 地形 の フラ ッ ト 化 


ハイ トマ ッ プ を イン ポー ト す る 

ここ か ら は 予め 作成 し た ハイ トマ ッ プ を 読み 込み ます 。 

メニ ュー か ら [Terrain] ( 図 8①) 一 [Import Heightmap Raw] を 選択 し て ②、[Import Raw 

Heightmap] ダイ アロ グ を 開 さ ます ③。 「before] フォ ル ダ を 選択 し て ④⑤、 car-terrain-mac.raw フ 
ァイル を 開き ます 。 [Import Heightmap] ダイ アロ グ が 開き ます の で [Import] ボタ ン を クリ ッ ク し 

ます ⑯。 


Export Heightmap - Raw... 

Set Resolution.… 

Mass Place Trees... 

Flatten Heightmap.…… 

Refresh Tree and Detail Prototypes 


FAVORITES 回 car-terrain-mac-raw 
SHARED 


DEVICES 


MEDIA NN 2 Byte Order 


Terrain S51zEe 


x 2000 |Yle0O0 |zl2000 | 


Namme car-terrain-mac.raw 
Kind Panasonic raw image 
Size 526 KB 
Created 2012 年 9 月 2 日 19:45 
Modified 2012 年 9 月 2 日 19:45 
Last opened 2012 年 9 月 2 日 19:45 
Dimensions 一 一 


し | 。 、  、、、、 呈 軸 


人 る 図 8 : ハバ イト マッ プ の イン ポー ト 


cHAPTER06 ラジ コン カー ゲー ム を 作る 


た 砂 馬 [Terrain] ツー ル 


実習 で は [Terrain] ツー ル を 使っ て 、 地形 を 作成 し まし た 。 
[Terrain] ツー ル で は 平ら な 地面 に ブラ シ ツ ー ル で 高低 を 作成 し 、 テ クス チャ や 草木 や 石 な ど を 配 
置 し て 地形 を 作る こと が で きま す 。 
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ハイ トマ ッ プ 

[Terrain] ツー ル で 作成 され る 地形 デー タ は 「 ハ イト マッ プ 」 と いう 高 さ を 表す デー タ と し て 扱わ れ 
ます 。 編集 され た ハイ トマ ッ プ デー タ は [Import Heightmap] ~ [Raw/ Export Heightmap] > 
[Raw] の 機能 を 使っ て 書き 出し や 読み 込み を 行う こと が で きま す 。 


解像度 の 設定 [Set Heightmap resolution] ダイ アロ グ 

メニ ュー か ら [Terrain] = [Set resolution] 
を 選択 する と [Set Heightmap resolution] ダ 
イア ログ が 開き 、 各 解像度 の 設定 を する こと が 
で きま す ( 図 9、 表 1)。 


Control Texture Resolution [512 ] 
Base Texture Resolution [1024 | 


念 図 9 : 音 解像度 の 設定 


マ 表 1 : 解像度 の 設定 


日 


Terrain Width 地形 の 幅 で 、 1 単位 は 1m 

Terrain Height 地形 の 高 さ で 、 1 単位 は 1m 

Terrain Length 地形 の 長 さ で 、 1 単位 は 1m 

Heightmap Resolution ハイ トマ ッ プ の 解像度 。「128, 256, 512] の よう な 2 の 累乗 +1 を 指定 する 
Detail Resolution 草 や 岩 な ど を 配置 する 解像度 を 指定 する 。 値 が 大 きい ほど 正確 に 配置 で きる 


Detail Resolution より 小さ い 範囲 で 8 ~ 128 の 値 を 指定 で きる 。 大 きい ほ 
どき め 細 や か に 草 や 岩 な ど を 描画 で きる 


Control Texture Resolution 地面 を 描画 する テク スチ ャ の 解像度 
Base Texture Resolution 遠方 の 地面 を 描画 する た め の テ クス チャ の 解像度 


Detail Resolution Per Patch 


ES ラ > 議 Cr'rain ツ ー ル で 地形 を 作成 する こと が で きま す 。 
* [Terrain] ツー ル で 作成 する 地形 デー タ を 「 ハ イト マッ プ ] と 言い ます 。 
* [Set Heightmap Resolution] ダイ アロ グ で 解像度 を 設定 で きま す 。 


SAMPLE 議 LEsson24 葉 畔 before 芝蘭 「LESSON23」 プ ロジ ェクト 


芝 殖 馬 Terrain ASsetS を イン ポー ト し て 地形 デー タ を ペイ ソト する 


LESSON 23 の 続き か ら 開 始 し ます 。 ま た は |「before] フォ ル ダ か ら |LESSON23] プロ ジェ クト を 開 
さき Island シー ン を 開い て くだ さい 。 

メニ ュー か ら [Assets] ( 図 1①) っ [Import Package] ②ー [Terrain Assets] を 選択 し て ③、 [Import 
Packadge] ダイ アロ グ で [Import] ボタ ン を クリ ッ ク し ます ④⑭。 草 を 表示 する テク スチ ャ が 2 つ 、 地面 
を ペイ ント する テク スチ ャ が 4 つ 、 ヤシ の 木 の デ ー タ 1 つが イン ポー ト さ れ ま すぐ ⑤。 
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Image Effects (Pro Only) 
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A 図 1 : 草 と 地面 の テク スチ ャ の イン ポー ト 


cHAPTER06 ラジ コン カー ゲー ム を 作る 


テク スチ ャ を 選択 する 
[Hierarchy] ビュ ー で |Terrain] を 選択 し て 、[Inspector] ビュ ー で 左 か ら 4 つ 目 の [Paint Texture] 


ツー ル を 選択 し ます ( 図 2①②)。 
Textures の [Edit lextures ボタ ン を クリ ッ ク し て ③、 リス ト か ら [Add Texture] を 選択 し ます ⑭。 
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Q nspector | TTerrain ns 回折 


中 く ーー ビ に に 3 ンコ 
~~ ーー ンー ご -—| 
| ] 


Paint Texture 
Select a texture below, then click to nalnt 


No terraln textures defined. 全 還 3| 
1 3 


章 Edit Textures..。 


念 図 2 : テク スチ ャ の 選択 


地形 に テク スチ ャ を 適用 する 

[Add Terrain Texture] ダイ アロ グ の Texture の [Select] ボタ ン を クリ ッ ク し て ( 図 3①) [Select Te 
xture2D] ダイ アロ グ を 開き ます 。 |「Grass&Rock」 を 選択 し て ②、[Add] ボタ ン を クリ ッ ク し ます ③。 
地形 全体 が Grass&Rock の テク スチ ャ で 埋め つく され ます ④。 


I ジ O Add Terrain Texture 


Texture NarmalMap 


今 図 3 : テク スチ ャ の 適用 
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直 4 Textures の [Edit Textures] ボタ ン を クリ ッ ク し て ( 図 4①)、 手順 3 の よう に 山 の テ クス チャ |Cliff(La 


yered Rock)」 を 追加 し ます ②。 Target Strength を 「0.5] に し て ③、 山 の 部 分 を ベイ ント し て ゆき ま 
す ④。 


| Game 。 本 
=| | RCE si| 有 ※| 思 | 9 | cizmes ・| (orall 


Paint Texture 


Select a texture below, then click to palnt 


Erushes 


図 4 : 山 の ペ イン ト 


手順 4 の 要領 で 、「Add Texture] に [Grass (Hill)] を 追加 し て ( 図 5①②)、 山肌 を ペイ ント し ます ⑬③。 


その 後 、IAdd Texture] に [GoodDirt] を 追加 し て ( 図 6①②)、 平 ら 5 に し た 道 の 部 分 か ら 外 側 の 部 分 
を 大 ま か に ペイ ント し ます (3⑬③。 


ヤー 回 Terrain (Script) 回 間 


FPP EE 


Paint Texture 


Select a texture below, then click to paint 


図 5 : 山肌 の ペイ ント 


Paint TextuFe 
Select a texture below, then click tn paint 


1 EA Ss Edit Textures.. | 


念 図 6 : 道 と その 外側 の 部 分 の ペイ ント 


木 を 配置 する 


CcHAPTER06 ラジ 


[Hierarchy] ビ ピュー で Terrain」 を 選択 し て 左 か が ら 5 番 目 の ツ ー ル を 選択 し ます ( 図 7①)。Trees の [Edit 


Trees] ボタ ン を クリ ッ ク し て (⑫、 
Tree の 右 の [の] ボタ ン を クリ ッ ク し て ③⑬③、 
ます ⑤。 す る と ⑥ の よう に 設定 され ます 。 


TT g Terrain (Script) 


PP3P2 "EE 


Place Trees 


Hanld dnwwn shift to rasE trEE5. 
Hnld dnwyn ctrl tn erase the selerte tree tyhe. 


Trees 


| No trees defined | 


Brush Size 
Tree Density 


Color Variation 


Tree Height 


Variation 
Tree Width 
Wariation 


今 図 7 : 木 の 配 置 


リス ト か ら 「Add Tree」 を 選択 し ます 。 [Add Tree] ダイ アロ グ の 
一 覧 か ら 「Palm」 を 選択 し ④、[Add] ボタ ン を クリ ッ ク し 


Add Tree 


Tree 
Bend Factor 


クリ ッ ク 


Select CameObject 


Assets Scene 


コン カー ゲー ム を 作る 
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木 を ペイ ント する 


Settings の TreeDensity を 「40] に し て ( 図 8 の ⑦)、[Scene] ビュ ー で 平ら に し た 道 の 部 分 の 外側 を ド 
ラッ グ し て 、 木 を 生やし て み ま し ょ う @。 


Color Variatinn 
Tree Height 
Variation 

Tree Width 
Wariation 


今 図 8 : 木 の ペ イン ト 


[Paint Details] ツー ル 
[Shift] キー を 押し な が ら ド ラッ グ す る と 木 を 消す こと が で きま す 。 


草 を 配置 する 

[Hierarchy] ビュ ー で Terrain を 選択 し 、[Inspector] ビュ ー で 左 か ら 6 番 目 の [Paint Details] ツー ル 
を 選択 し ます ( 図 9①)。 [Inspector] ビュ ー で Details の [Edit Details] ボタ ン を クリ ッ ク し て ②⑧、 リ 
スト か ら 「Add Grass Texture」 を 選択 し ます 。 [Add Grass Texture] ダイ アロ グ の Detail Textures 
の 右 の [ 〇 ] ボタ ン を クリ ッ ク し て ③、 一 覧 か ら 「Grass2] を 選択 し ます ④⑤。 [Add] ボタ ン を クリ ッ 
ク し ます ⑯。 


TE Terrain (Script) に * 居 1 = Add Grass Texture 
店 に コ (5】 確 sm a 
PE A ll 
| 
Paint Details = a 
Hoald down shift tn erase. [lw 8 - = = ヘー > 
Hold down ctrl to erase the 5 ©2 J ノ ン 


Details 


No Detail Objects defined 


maty iexte... Falmtark 


今 図 9 : 草 の 配 置 


[Paint Details] ツー ル 
この ツー ル は 地形 に 草 や 小石 な ど を ペイ ント し ます 。 今回 は 草 を ペイ ント し ます 。 


cHAPTER06 ラジ コン カー ゲー ム を 作る 


草 を ペイ ント する 

これ か ら 草 を 生え させ て いき ます が 、[Paint Details] ツー ル で 配置 され た 草 や 小物 は カメ ラ と の 相 離 
が 、 か な り 近 く な いと 表示 され ませ ん 。 そ の た め ま ず 、[Scene] ビ ピュー で [移動 ] ツー ル で [Control 
キー を 押し な が ら 地 上 面 近く まで ズー ム し て お きま す 。 次 に [Inspector] ビュ ー で Brush Size、Opacli 
ty、Target Strength の 値 を で きる だ け 小 さい 数 値 に し ます 。 こ こ で は それ ぞ れ 、|21, 0.2, 0.1875] 
に し て いま す ( 図 10①)。 

[Scene] ビュ ー で 地形 を ドラ ッ グ し て 草 を ペイ ント し て ゆき ます ⑫。 [Shift] キー を 押し な が ら ド ラッ 
グ す る と ペイ ント され た 草 は 消え ます 。 道 の 周り に 少し だ け ペ イン ト し て み ま し ょ う 。 
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ヤ ニニ wl Terrain (Script) ーーー *| | ma | | cams -| (Ex 


Paint Details 


Hold down shift to erase. 
Hold dnwrn ctrl to erase the selected detail type. 


念 図 10 : 草 の ペ イン ト 


水面 の アセ ッ ト を イン ポー ト す る 

この 地形 を 島 に 見 立て て 、 水 面 を 作成 し ます 。 メ ニュ ー か ら [Assets] ( 図 11①) 一 [Import Packa 
ge] ② [Water (Basic)] を 選択 し ます ③。 [Import Package] ダイ アロ グ で [Importl] ボタ ン を クリ 
ッ ク し ます ④⑭。 水面 を 表現 する アセ ッ ト が イン ポー ト さ れ ま すぐ ⑤。 
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Assets » Standard Assets » Terrain Assets » 


念 図 11 : 水面 の アセ ッ ト の イン ボー ト 
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水面 を 作成 する 


[Project] ビュ ー の [Standard Assets] > [Water (Basic)] の 「Daylight Simple Water] の プレ ハブ 
を [Hierarchy」 ビュ ー ま で ドラ ッ グ & ドロ ッ プ し ます ( 図 12①)。 [Hierarchy] ビュ ー で |Daylight Si 
mple Water」 を 選択 し て 、 [Inspector] ビュ ー で Position を 「1000, 19, 1000] に ②、Scale を 「2000, 
1, 2000] に し ます ③。 


今 図 12 : 水面 の 作成 


Skybox で 空 を 表示 する 

メニ ュー か ら [Assets] ( 図 13①) 一 [Import Package] ②ー [Skyboxes] ③ を 選択 し ます 。 [Import 
Packadge] ダイ アロ グ で Import] ボタ ン を クリ ッ ク し ます ④⑭。 Skyboxes を 表示 する アセ ッ ト が イン 
ポー ト さ れ ま す 。 


[前 Custom Package.… 
Character Controller 


Class Refraction (Pro Only) 
cts (Pro Only) 


Reimport All 
Sync MonoDevelop Project 


Tre 
Water (Basic) 


信 図 13 : Skybox を 表示 する アセ ッ ト の イン ポー ト 


Skybox を 適用 する 

メニ ュー が から [Edit] ( 図 14①) っ [Render Settings] を 選択 し て ②、 [Inspector] ビュ ー に RenderSe 
ttings を 表示 し ます 。 Skybox Material の 右 の [O] ボタ ン を クリ ッ ク し て ③、[Select Materiall ダイ 
アロ グ を 開き 、「Sunny2 Skybox」 を 選択 し ます ④。 
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Undo 5 


Redo 


| Project Settings p Assets Scene 


Render Settings 


| Graphics Emulatio LO の 選択 


| Network Emulation 


Select Material 
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Daylight Si... 


BB Inspector 
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Fog 

Fog Color 

Fog Mode 

Fog Density 

Linear Fog Start 

Linear Fog End 

Ambient Light 

Skybox Material 

Halo Strength 

Flare Strength 

Halo Texture プー DD) 
Spot Cookie Nane (Texture 2D) 


Sunny2 Skybox (Materiah Assets/Standard Assets/Skyboxes/Sunny2 Skybox.mat 2 


今 図 14 : Skybox の 適用 


シー ン を 保存 する 
新しく Directional Light を 作成 し ます ( 図 15)。 [Command] + [S] キー を 押し て 、「Scenes] フォ ル 
ダ に | Island] と いう 名 前 で シー ン を 保存 し ます 。 


信 図 15 : Directional Light の 作成 
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アウ 参 | WVater] と 「Skybox」 


実習 で は 「Water」 と 「Skybox」 を 利用 し て 海 に 浮か ぶ 島 を 作成 し まし た 。 


ツリ ー 機 能 

ツリ ー 機 能 を 使う と ハイト マップ 上 に 木 を 配置 する こと が で きま す 。 

Standard Assets の Terrain Assets に は ヤシ の 木 の モ デル が あり 、 こ の LESSON で は これ を 配置 し 
まし た 。 

ツリ ー は カメ ラ に 近い 部 分 だ け を 3D モ デル と し て 表示 し 、 カ メラ か ら 離 れ た 場所 に ある ツリ ー は 
ビル ボー ド と し て 表示 され る よう に な っ て いま す 。 

ビル ボー ド は 淀 に カメ ラ の 方 向 に 面 を 向け て いる 板 の こ と で 、 こ れ に ツリ ー の グラ フィ ックス を 表 
示し た テク スチ ャ を 表示 し て 、 処理 の 負荷 を 下げ る よう に し て いま す 。 


草 や 小物 の ハイ トマ ッ プ へ の 配置 
ツリ ー と の 違い は カメ ラ に 近い 部 分 だ け を 描画 する よう に な っ て いま す 。 
草 は ビル ボー ド で 表示 され ます 。 小物 モデ ル は EditDetail で Mesh を 選択 し ます 。 


Water 
平ら な 平面 を 水面 に 見 立て ます 。 イ ン ポ ー ト し た Standard Assets の Water (Basic) で は 、 波 打つ 
よう な 水面 を 表現 で きま す 。 


Skybox 

Skybox は シー ン を 立方 体 で 囲み 、 す べ て の 面 に 継ぎ目 の な い 空 の テク スチ ャ を 表示 する こと に よ 
っ て 空 を 表現 する 仕組 み の こ と で す 。 

Unity で は Skybox 形 式 の マテ リア ル を 作成 し て 、RenderSettings の 設定 項目 に Skybox 形式 の マ 
テリ アル を 指定 し ます 。 


* Water (Basic) で 水面 を 作成 する こと が で きま す 。 
* Skybox で 空 を 表示 する こと が で きま す 。 


LESSON24」 プロ ジェ クト 


LESSON25 葉 還 before 湖 


1 LESSON 24 の 続き か ら 開 始 し ます 。 ま た は 「before] フォ ル ダ か ら TLESSON24] プロ ジェ クト を 開 
さ lsland シ ー ン を 開い て くだ さい 。 
[Project] ビ ピュー の 「Prefabs] フォ ル ダ の Car を [Scene] ビュ ー ま で ドラ ッ グ S&S ドロ ッ プ し ます ( 図 1 
①)。 [Hierarchy] ビュ ー の Car を 選択 し て ②、 Inspector] ビュ ー で Position を 「1390, 82, 1645]③、 
Rotation を |0. -90, 0] に し ます ④。 [Terrain] ツー ル で 作成 し た 地形 の 上 に セッ ト ア ッ プ し た 車 が 
配置 され ます 。 こ の まま [Playj」 ボタ ン を クリ ッ ク し て 動作 を 確認 し て み ま し ょ う 。 車 を 操作 する こ 
と が で きま す が 、 カメ ラ が 車 を 追跡 し ませ ん 。 


還 Scripts 
語 Sounds 
F 還 Standard Assets 


人 0 ドラ ッ グ S&S ドロ ッ プ 


= Hierarchy 


て = FR) [Car | et: に 
PT SimpleWater 。 | Tag |untagged *| Layer | Default  』l 


Directinnal light 
Main Camera 
Tgrrain 


今 図 1 : 車 の 位置 の 設定 


カメ ラ の コン トロ ー ル 

メニ ュー か ら [Assets] ( 図 2①) っ [Import Package] ⑦ [Scripts] ③ を 選択 し て 、 SmoothFol 
ow.js に チエ ッ ク を 入れ て |mport し ます ④。 [Hierarchy] ビュ ー で 「Main Camera」 を 選択 し ます ⑤。 
[Inspector] ビュ ー で [Add Component] ボタ ン を クリ ッ ク し て ⑯⑥、[Camera - Controll を 選択 し 
て ⑦、 [Smooth Follow] を 追加 し ます ⑱。 


Assets 


Create 
Reveal in Finder 


ltems to Import 
口 環 Srandard Assets/SCripts 
し 」 Standard AAssets/SCrints/Camera Scripts 
[5| Standard Assets/Scripts/Cammera Scripts/ MouseDrbit.js 


| Standard Assets/Scripts/Cammera Scripts/5mmoothLookAtjs 
L」 Standard Assets/Scripts/General Scripts 


Sync MonoDevelop Project Projectors 
Scripts 


yboxes 6 
Standard ssg 《) 13E 
Terrain Assets 択 


= Hierarchy 

Create Y| (Call 
Car 
Rg ht Ma Water 


Ginspector 中" ぺ ー 
| Main Camera static マ 
Tag | MainCamera *| Layer | Defaultt il 


| AddComponent 。 | | AddComponent 。 | 


a 。 Camera-Conrrol 。 


ド Smooth Follow 


図 2 : カメ ラ の コン トロ ー ル 


[Inspector] ビュ ー で Target の 右 の [O] ボタ ン を クリ ッ ク し て ( 図 3①)、「Car」 を 選択 し ます ②③。 
[Inspector] ビュ ー で Distance を 「20] に し ます ④⑭。 

[Play] ボタ ン を クリ ッ ク し て 動作 を 確認 し まし ょ う ⑤。 Main Camera が Car の 後方 に 移動 し て スム ー 
ズ に 追跡 する よう に な り ま し た 。 


Select Transform 


| 末 Inspector 


EO | Main Camera tie 〒 
Tag | MalnCamera # MainCamera Layer | Default | 


CarCollider 
CarCollider 
CarCallider 
て hains 
chains_1 
Collada_yisual_scene_grouP 
Callada_yisual_scene_grauhp 1 


Height Damping 
Rotatinn Damping 


9 Inspector 


pF OMain Camera static マ 
Tag | MainCamera #| Layer | Default  *# | 


ER 
"し 


4 


円 ee Follow (Script) 1 
Script LO PON G 


Distance 

Height 

Height Damping 
Rntatinn Damping 


Add Component 


A 図 3 : 動作 の 確認 


地形 以外 の 当たり 判定 を 配置 する 
D 新しく 空 の ゲー ム オ ブ ジ ェクト を 作成 し て 、 名 前 を 「Wall] と し ます 。 
2 [Add Component] を クリ ッ ク し て ( 図 4①)、[Physics] > [Box Collider] を 選択 し て BoxCollider 


I を 追加 し ます 。 BoxCollider の Size を 「2000, 1000, 1] に し ます ②。 
[Command] + [D] キー を 押し て 、 Wall を 複製 し て 、 合計 4 つ 作 成 し ま す ③。 [Inspector] ビュ ー で そ 


れ ぞ れ の Transform を 表 1 の よう に 設定 し ます 。 


マ 表 1 : Wall の Transform の 設定 
| Position | Ro ratl on a 
1000, 0, 1900 0G, 0⑩. 0 
100, 0, 1000 0, 90, 0 
1000, 0, 100 0, 0, 0 
Componen 1900, 0, 1000 0, 90, 0 
1 クリ ッ ク 
今 図 4 : 地形 以外 の 当たり 判定 の 設定 
遠方 の 背景 が 空気 粒子 で 少し 霞 ん で 見 える よう に フォ グ を 設定 し ます 。 
メニ ュー か ら [Edit] ( 図 5①) っ [Render Settings] を 選択 し て ②、 [Inspector] ビ ピュー に 「RenderSe 
ttindgs」 を 表示 し ます 。 Fog の チェ ッ ク ボ ックス を ON に し て ぐ ③。 Fog Density を 「0.002] に し ます ④。 
CN Undo Selection C 
1 9 | や | Redo 
Project Settings 
Render Settings 
Graphics Emulation 
Network Emulation 
Snap Settings... 
信 図 5 : フォ グ の 設定 
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レン ズ フ レア を 設定 する 
メニ ュー か ら [Assets] ( 図 6①) っ [Import Package] ②ー [Light Flares] ③ を 選択 し て 、 イ ン ポ ボー 


ト し ます ④⑭。 新しく 空 の ゲー ム オ ブ ジ ェクト を 作成 し て 名 前 を 「LensFlare] と し ます 。 [Inspector] 


ビュ ー で Position を 「680. 140, 1628] に し ます 。 
[Add Component] ボタ ン を クリ ッ ク し て ⑤、[Effects] ⑥ から [Lens Flare] を 追加 し ます ⑦。 [Insp 
ector] ビュ ー で Flare の 右 の [の 〇 ] ボタ ン を クリ ッ ク し て ⑧、 一 覧 か ら 「50mm Zoom」 を 選択 し ます 


⑨。 
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Reveal in Finder 
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Import Package » Custom Package... 
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念 図 6 : レン ズ フ レア の 設定 
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フォ グ に つい て 

現実 の 世界 で は 空気 中 の 粒子 の 影響 で 遠く の 物体 が 霧 が か か っ た よう に 見 えま す 。 フ ォ グ は カメ ラ 
か ら 遠 くに ある オブ ジェ クト が 宗 が か か っ た よう に 見 せる 機能 で す 。 

フォ グ の 機能 は RenderSettings で Fog の チェ ッ ク ボ ックス を ON に する と 有効 に な り ま す 。 フォ 
グ に は 表 2 の よう な バラ メー ター が あり ます 。 


マ 表 2 : フォ グ の バラ メー ター 


バラ ベタ = 内 容 


Fog Color フォ グ の 色 
フォ グ が スク リー ン の 手前 か ら 奥 に か け て どの よう に 濃く な る か を 決め る モー ド 
Linear 線形 に フォ グ が 濃く な る 
Fog Mode Exponential 曲線 的 に フォ グ が 濃く な る 
Exp2 曲線 的 に フォ グ が 濃く な る 。 Exp に 比べ て 
深み が ある 
Fog Density Fog Mode が Exponential、 Exp2 の 時 の フォ グ の 密度 


Linear Fog Start Fog Mode が Linear の 時 、 フォ グ を 開始 する 距離 
Linear Fog End Fog Mode が Linear の 時 、 フォグ が 終了 する 距離 


レン ズ フ レア に つい て 
レン ズ フ レア は 太陽 光 な どの 強い 光 に カメ ラ を 向け た 時 に 発生 する 効果 を 再現 し ます 。 Lens Flear 
コン ボー ネン ト に は 表 3 の パラ メー ター が あり ます 。 


マ 表 3 : レン ズ フ レア の パラ メー ター 


Flare レン ズ フ レア の パタ ー シ 

Color レン ズ フ レア の 色 

Brightness 明る さ 

Directional On に する と Z 軸 の 正 の 方 向 に だ け レ ンズ フレ ア が 見 える よう に な る 


・ フォ グ を 利用 すれ ば 、 オブ ジェ クト に 邑 が か か っ た よう な 効果 を 出す こと が で きま す 。 
・ レ ンズ フレ ア を 利用 すれ ば 、 太陽 光 に カメ ラ を 向け た 時 の よう な 効果 を 出す こと が で きま す 。 


プラ ッ ト フ ォ ー マ ー ゲ ー ム を 
作る 


プラ ッ ト フ ォ ー マ ー ゲ ー ム と は プラ ッ ト フ ォ ー ム ( 台 ) の 上 で キャ ラク ター を 走ら せ た り 
に クノ CC erie し な が ら ゴ ー ル を 回 入 す ダー ム の 


時 は じす 上 


Nl 


モデ テル を 設定 する 


he 還 還 『 Naw グー ピタ MI や っ | な 
" に J" り デ / = 』| 


ーー 衣 | 


6 PlayerControllerSetup.cs、treasure_dirl_uVv.png、 


NM SAMPLE 鋼 LEsson26 葉 世 before 茂 ne: Hb 


新しく プロ ジェ クト を 作成 し て 名 前 を 「LESSON26] と し ます 。 [Project] ビュ ー で 新しく フォ ル ダ を 
作成 し て 名 前 を 「Player」 と し ます ( 図 1①②③④)。 


「Player] フォ ル ダ を 右 ク リッ ク し て ( 図 2⑤)、 メニ ュー か ら [Import New Asset] を 選択 し 、「before」 
フォ ル ダ か ら treasure_dirlfbx の モデ ル を イン ポー ト し ます ⑯⑦。 


Assets ーー 石 ク リッ ク 店 


Import New Asset... 
Import Package 

Export Package... 

Find References In Scene 
Select Dependencies 


Refresh 
Reimport 


Reimport All 


Sync MonoDevelop Project 


信 図 1 : モデ ル の イン ポート 


3 Folder 


Javascript 


Compute Shader 


Prefab 

Material 
Animation 
Cubemap 

Lens Flare 
Custom Font 
Render Texture 
Physic Material 
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PreviewV 


(OLAII Materials 
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今 図 2 : モデ ル の イン ボー ト 


テク スチ ャ を イン ボー ト す る 


「before] フォ ル ダ か ら 「Player]」 フォ ル ダ に 「treasure_girl_uv.png」 を イン ポー ト し ます ( 図 3①)。 
[Playerl フォ ル ダ の 中 に 作成 され て いる 「Materials] フォ ル ダ に ⑫、 先 ほど イン ポー ト し た モデ ル の 
マテ リア ル Itre_uy」 が あり ます 。 こ れ を 選択 し て ③、 [Inspector] ビュ ー で Base(RGB) の 右側 の [Se 
lect] ボタ ン を クリ ッ ク し て ④、 [Select Texture] ダイ アロ グ を 開き 、 |treasure_girl_uv」 を 選択 し ま 
すぐ ⑤。 [Inspector] ビュ ー の 「Main Color] を クリ ッ ク し て 「R=255, G=255, B=255, A=255」 に 設 
定 し ます 。 

イン ポー ト し た モデ ル に テク スチ ャ が 設定 され ます ⑯。 


ヤ 7Favorites 
Enermies 
に Pe 
All Models に Playe 
(OUAIl Prefahs | | =— Materials 


( 〇 All Scripts * 
Material TreASUTE_ OIT < * 
ll 9 選択 


Assets = Player » Assets » Player » Materials 


treasure_girl 


Materials 


@ Inspector | = Frewv iew 


う ジ tre_uv 
Shader | iffuse 


今 図 3 : テク スチ ャ の イン ポ ボート 
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ーー = "yy 


F Dil tio Nn alli gh | と 「『 L la ne」 を 設 下 9 る 


a ビビ ュー で retire i を 作成 し て ( 図 4①)、 [Inspector] ビュ ー で Position を 「0, 
し ます ②。 次 に [Hierarchy] ビュ ー で 「Plane」 を 作成 し て ③、 [Inspector] ビュ ー で 
設定 し ます ⑤。 


ーー ニル 詞 コ 


-100, 0] に 設定 
Position を |-20, 0, -20] ④、 Scale を 「40, 1, 40] に 設 


_ Directignal light 


⑩ 選択 


Plane 


FIOOI 


Ptoleet 区 一 _ で 新しく フォ ル ダ を 作成 し て 名 前 を [CharacterControllerSetub] と し ます ( 図 5 


①)。 [CharacterControllerSetub] フォ ル ダ の 中 に 新しく マテ リア ル を 作成 し て 、 名 前 を 「FloorMat」 
と し ます ②。 [Inspector] ビュ ー で MainColor を 「100, 100, 200、 255] の 紫色 に 設定 し ます ③。 


FloorMat を [Hierarchy] ビュ ー の Plane に ドラ ッ グ S&S ドロ ッ プ し て 適用 し ます 。 


| FlaorMar 】 


念 図 5 : 「FloorMat」 の 作成 


リ mm リ am 


@ 新しく Cube を 作成 し ます 。 [Inspector] ビュ ー で Transform の Position を 「0, 0.5, 0] と 設定 し ます 
( 図 6①⑨)。 [Command] + [D] キー を 押し て 、Cube を あと 6 つづ 作成 し 、Position と Scale を 表 1 の よ 


うに 設定 し ます ③。 
= Hierarchy | ーー RE 
Tag | Untagged 。 *| Layer | Default  』l 
Directional light > ] au。 寺 邊 間野 
Main Camera 
Plane 
ET EE マ 表 1 : その 他 の Cube の Position と Scale の 設定 
⑥ 確認 「. 較 議 Posiion 。 | scale 
0, -0.25, -3 kl 
-1, 0, -3 は 
-2, 0.25, -3 bl 
-3.5, 0.5, -3 2 
-3.5, 0.5, -1.5 2 
0 1.5、 2 4, 1, ] 


今 図 6: プラ ッ ト フ ォ ー ム の 作成 


7 (i = ーー テッ < 
eh だ 
7 | 


6 新しく Plane を 作成 し て 、 名 前 を 「Slope」 と し ( 図 7①)、[Inspector] ビュ ー で Transform の Positi 
on を 「-1.5, 0.2, -1.5」、 Rotation を 「0, 0, -40」、Scale を 「0.25. 1, 0.1」 に 設定 し ます ②。 
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トレ ジャ ー ガ ー ル の 位置 を 設定 する 
[Project] ビュ ー の treasure_girl を [Scenes] ビュ ー ま で ドラ ッ グ & ド ロッ プ し ます ( 図 8①)。 [Insp 
ector] ビュ ー で treasure_girl の Position を 「0, 1, 0] に し て ②⑫、 Animator の チェ ッ ク を 外し ます ③。 


較 LJstatic マ 
Tag | untagged  *| Layer | Default * | 


JE 


Confeller ' Ne EA 
合図 8 : トレ ジャ ー ガ ー ル の 位置 の 設定 


コン ポー ネン ト を 追加 する 

[Add Component] ボタ ン を クリ ッ ク し て ( 図 9①)、 [Physics] ②ー [Character Controller] を 選択 
し ③、 CharacterController コ ン ポ ー ネ ン ト を 追加 し ます ④。 

[Inspector] ビ ピュー で Character Controler コ ン ポ ボー ネン ト の Center を |0, 0.81, 0] に 、Radius を 
0.4 に 、 Height を 1.6 に し ます ぐ ⑤。 


1 クリ ッ ク 
| 4ddcomponent 


【2 クリ ッ ク | 


〒 馬 区 Character Controller 
Slone Limit 45 


今 図 9 : コン ポー ネン ト の 追加 
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スク リプ ト を 追加 する 
[before] フォ ル ダ か ら [Project] ビュ ー の [CharacterControllersetub] フォ ル ダ に PlayerControll 


erSetuDb Cs を イン ポー ト し ます 。 イ ン ポ ー ト し た TreasureControllersetup ス クリ プ ト を [Hierarc 
hy] ビュ ー の treasure_gil に ドラ ッ グ & ドロ ッ プ し て 追加 し ます ( 図 10①)。 [Hierarchy」 ビュ ー で 
Main Camera を 選択 し て [Inspector] ビュ ー で Transform の Position を |4, 3.6, -4]、 Rotation を 
[25, 310, 0] に し ます ぐ ⑧。 


Z0 d ヨ ldVH う 


& ド ロップ 


今 図 10 : スク リプ ト の 追加 


動作 を 確認 する 

[Play] ボタ ン を クリ ッ ク し て 動作 を 確認 し ます ( 図 11①)。 

[A]、[D] キー で キャ ラク ター が 左右 に 回 転 し 、[W]、 [S] キー で 前 後に 移動 し ます 。 また 、 [スペ ー ス ] 
キー で ジャ ンプ し ます 。 画面 奥 の 階 段 や その 手前 の スロ ー プ を 登る こと や 、 ジャ ンプ で Platform の 上 
に 乗る こと を 確認 し まし ょ う ⑧。 

まだ この 時 点 で は キャ ラク ター は 同じ ボー ズ を し た まま 滑る よう に 動く だ け で す 。 ア ニメーション に 
つい て は 次 の LESSON 以 降 で 実装 し て いき ます 。 


⑰ 確認 


全 図 11 : 動作 の 確認 
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uiRTN ヽ に は mr テ ナー 若き 8 で 届 中 


シー ン を 保存 する 

[Project] ビュ ー に 新しく フォ ル ダ を 作成 し て 名 
前 を 「Scenes] と し ます ( 図 12①)。 [Comma 
nd] + [S] キー を 押し て 「Scenes] フォ ル ダ に 
CharacterControllerSetub と いう 名 前 で シー ン 
を 保存 し ます (②。 


9 Materials | 

All Models 

AllPrefabs | 
All Scripts 


人 CharacterControllerSetu ロ .uni 


4 人 、 図 12 : シー ン の 保存 


< 祖 光 キャ フラ クン ター の コン トロ ー ル に つい て 


ー ネ ン ト が 用 意 ご され て いま す 。 


カプ セル コラ イダ ー 型 の 当たり 判定 


ィ ッ ト さ せま す 。 


今 図 13 : CharacterController の カプ セル コラ イダ ー の 調整 


これ まで Rigidbody コン ポー ネン ト を 使っ て 3D モ デル を 動作 させ て きま し た 。 

今回 の よう な キャ ラク ター を 使っ た いわ ゆる 典型 的 な プラ ッ ト フ ォ ー マ ー ゲ ー ム で は プレ イヤ ー の 
入力 に 対し て ダイ レク ト に キャ ラク ター を 操作 で きる ほう が 面白 いで し ょ う 。 

Unity で は この よう な キャ ラク ター モデ ル を コン トロ ー ル する た め の CharacterController コ ン ポ 


バ パラ メー タダ 
Center 


Radius 


Height 


CharacterController コン ポー ネン ト に は キャ ラク ター モデ ル の 衝突 判定 の た め の カ プ セ ルコ ライ 
ダー を 持っ て いま す 。 [Inspector] ビュ ー で 表 2 の パラ メー タ を 調整 し て 、 キ ャ ラク ター の モデ ル に フ 


CharacterController の カプ セル コラ イダ ー を 調整 する 時 、 Cube の よう な 小さ な 台 の 上 に キャ ラク 
ター を 乗せ て 、 シー ン ギ ズ モ を 調整 し て 真横 か ら 平行 投影 に する と 調整 し や すく な り ま す ( 図 13)。 


マ 表 2 : カプ セル コラ イダ ー 


説明 
カプ セル コラ イダ ー 
の 中 心 位置 
円 柱 の 半径 


高 さ 
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スロ ー プ と 段差 

CharacterController コ ン ポ ー ネ ン ト で は キャ ラク ター が スロ ー プ や 段差 に 進 人 する こと が で きる 
か ご どう か を 設定 で きま す ( 表 3)。 作 成 し た シー ン を 見 る と 、 ス ロー プ は 40 度 の 角度 、 段 差 は 「0:25」 
の 高 さ に な っ て いて 、 Slope Limit と Step Offset は それ ぞ れ 「45」 「0.3] と な っ て いま す ( 図 14)。 


Z0 d ヨ ldVH う 


マ 表 3 : CharacterController コン ポー ネン ト 


Slope Limit スロ ー プ を 登る こ と が で きる 上 大 


て うー マン 


Step Offset 、 段差 を 登る こと が で きる 最大 角度 


em Dew ・ 段差 と スロ ー ブ が 登れ な く な る こと を 確 認 
nl | | Layer | Defau する 
pe Slope Limit を 「39」、 Step Offset を 「0.2」 

に し て 、[Play] ボタ ン を クリ ッ ク し 、 段差 と ス 

ロー プ が 登れ な く な る こと を 確認 し て み ま し 


ボラ 。 


全 図 14 : 作成 し た シー ン の 設定 の 確認 


スク リプ ト を 利用 し た 移動 方 法 


実習 で は PlayerControllerSetup.Cs と いう スク リプ ト を 利用 し て 移動 を し て いま す 。 Start 関 数 で 
CharacterController コ ン ポ ー ネ ン ト を 取得 し て いま す 。 次 の リス ト で は Start 関 数 で CharacterCont 
roller コン ポー ネン ト を 取得 し て いま す 。 


022 Oo1d Start () { 

023 / / CharacterContro11er コン ポー ネン ト を 取得 する 

024 character = GetComponent<CharacterController>() / 
025 } 


次 に Update 関 数 で は 毎 フ レー ムキ ャ ラク ター の 移動 量 を 求め て キャ ラク ター を 移動 させ て いま す 。 
character.isGrounded で 地上 面 に 着地 し て いる か どう か 判断 し て いま す 。 そ の 後 、 キ ャ ラク ター が 地 
面 に 着地 し て いる 時 に 前 後 の 移動 量 や ジャ ンプ に よる 移動 量 を 求め て いま す 。 


031 if (charaoter.1SGrounded) { / / キャ ラク ター が 地面 に 着地 し て いる か 

032 velocity = new Veotor3(0, 0, ゞ ):  // 上 下 の キ ー 入 力 か ら Z 軸 方 向 の 移動 量 を 取得 
033 / / キャ ラク ター の ロー カル 空間 で の 方 向 に 変換 

034 velocity = transform.TransformDirection(velocity) ; 
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035 


036 if (V テラ 0) { 

037 velocity *= ForwarQdSpeed : // 移動 速度 を 掛け る 

038 } else if (V く 0) { 

039 velocity *= backwardSpeed; // 移動 速度 を 掛け る 

040 } 

041 

042 if (Input.GetKey(KeyCode.Space)) { // スペ ー ス キー を 入力 し た ら 
043 velocity.y = ]umpSpeed // 移動 時 の Y 軸 方 向 に ジャ ンプ カカ を セッ ト 
044 } 

045 } 


次 に 重力 に よっ て 落下 する 移動 量 を 加え ます 。 
CharacterController の Move 関 数 に 計算 移動 量 を 与え る と キャ ラク ター が 移動 し ます 。 こ の 時 、 
地面 や 障害 物 と の 衝突 、 段差 や スロ ー プ へ 進入 で きる か の 判断 を し た 上 で 移動 し て くれ ます 。 
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047 velocity.y ーー gravity * Time.deltaTime; // 移動 量 に 重力 を 加え る 
048 / / キャ ラク ター コン トロ ー ラ ー を 移動 させ る 

049 CollisionFlags flag = character.Move (velocity * Time.deltaTime) / 
050 if (flag == CollisionFlags.None) { 

051 // 何 も 衝突 し て いな い 

052 } 

053 if ((flag & CollisionFlags.Above) == CollisionFlags.Above) { 
054 // キャ ラク ター の 上 部 に 衝突 し た 

055 } 

056 if ((flag & CollisionFlags.Sides) == CollisionFlags.Sides) { 
057 // キャ ラク ター の 側面 に 衝突 し た 

058 } 

059 if ((flag & CollisionFlags.Below) == CollisionFlags.Below) { 
060 / / キャ ラク ター の 下部 に 衝突 し た 

061 } 


最後 に キー 人 力 で キャ ラク ター を 旋回 させ て いま す 。 


062 // 左右 の キー 入力 で キャ ラク タ を Y 軸 で 旋回 させ る 
063 tranS 上 orm.Rotate(0, h * rotateSpeed, 0)/ 
Move 関 数 の 戻り 値 


Move 関 数 は 戻り 値 と し て CollisionFlags 型 の 値 を 返し ます 。 
この 値 を チェ ッ ク す る こと で 、 移 動 の 結果 に キャ ラク ター が 何 か に 接触 し た の か どう か を 判断 で き 
ます ( 表 4)。 
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マ 表 4 : Move 関 数 と キャ ラク ター が 何 か に 接触 し た か どう か の 判断 


a 
CollisionFlags.None 衝突 し て いな い も 
CollisionFlags.Above 。 上 部 に 衝突 し て いる _ ” 
CollisionFlags.Sides 側面 に 衝突 し て いる に 
CollisionFlags.Below 下部 に 衝突 し て いる _ 


イン ポー ト し た キャ ラク ター を 操作 する に は 、 CharacterController コン ポー ネン ト を 使い ます 。 


s CharacterController コン ポー ネン ト は Move 関数 に 移動 量 を 渡し て 実行 する だ け で 、 段 差 や スロ ー プ 
を 登る 処理 や 、 障害 物 と の 衝突 判定 処理 を し て くれ ます 。 
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| 


1 


モデ テル を 設定 する 


4 LESSON 26 の 続き か ら 始 め ま す 。 ま た は 「before」 eee 
フォ ル ダ か ら 「LESSON26] プロ ジェ クト を 開き 、Ch Caerak | 生計 | 
aracterControllersetup シー ン を 開き ます 。 ANN 
[Project] ビュ ー で 「treasure_dirll| を 選択 し て ( 図 
1①)、[Inspector] ビュ ー で [Rig] タブ を クリ ッ ク し 
ます ⑫。 Animation の Type を 「Humanoid」 ③ に し 
て [Apply] ボタ ン を クリ ッ ク し ます ④。 Avatar Defi 
nition の ドロ ッ プ ダウ ン の 下 の [Configure] ボタ ン 
を クリ ッ ク し ます ぐ ⑤。 未 保存 の シー ン を 保存 する か 
確認 され る の で 、[Save] ボタ ン を クリ ッ ク し て ⑯、 
保存 し ます 。 treasure_girlIAvatar が 作成 され ます ⑦。 


LrEate Frnm『hls 昌 n ロ gel : 


(5 クリ ッ 2 


信 図 1 : 作成 し た フォ ル ダ 階 層 


cHAPTER07 プラ ッ ト フ ォ ー マ ー ゲ ー ム を 作る 


Your changes wil be lost If you don't save them 


Do you want to save the changes you made in 
the scene CharacterControllersetup.unity? 


| cameel | 


Z0 d ヨ ldVH う 


Mecanim 用 に ボー ン の 情報 を 設定 する 
treasure_dgirl の モデ ル デ ー タ に 含ま れ て いる ボー ン の 情報 を Mecanim で 使え る よう に セッ ト ア ッ プ 
し ます 。 [Inspector] ビュ ー に treasure_girlAvatar の 設定 が 表示 され て いま す 。 自動 的 に ほとん どの 
ボー ン 情 報 が Mecanim に マッ ピン グ さ れ て いま す 。 

[Head] ボタ ン を クリ ッ ク し て ( 図 2①)、 Left Eye② と Right Eye④ で 「None」 を 選択 し ます ③ ぐ ⑤。 
[Apply] ボタ ン を クリ ッ ク し て ⑮、 [Done] を クリ ッ ク し ⑦、 確定 し ます 。 


Select Transform 


Muscles | 


hair_tale_1 
hair_tale_2 
hair_tale_end 


left_s_hair_1 
left_s_hair_2 
left_s_hair_end 
LeftAnkle 
LeftCallar 
LeftEIbow_1 
LeftHip 


Head ET ク lJ y/ ク 
i Optional Bone 
て Head 
5 Neck 
上 Head 
ae esses 
ーー Nn rans © 


> リッ ク 
EO > oD 


含 図 2 : Mecanim 用 の ボー ン の 情報 の 設定 
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アニ メー ショ ン を イン ポー ト す る 
[Project] ビュ ー で |treasure_girl] を 選択 し て ( 図 3①)、[Inspector] ビュ ー で アニ メー ショ ン の イ 


ン ボ ポー ト の 設定 を し ます 。 [Animations] タブ を クリ ッ ク す る と ②、 あら か じ め treasure_dirlfbx に 含 
まれ て いる アニ メー ショ ン デ ー タ が リス ト で 表示 され ます ③。 


Animations 


本 は 思 コ は さす D9ri 問 注 ラ ーー ささ りさ 


合図 3 : アニ メー ショ ン の イン ボー ト 


落下 状態 の アニ メー ショ ン を 設定 する 

上 か ら 順 番 に 、 イ ン ポ ボ ポート の 設定 を 変更 し て いき ます 。 ま ず リ スト の 「idle」 を 選択 し ます ( 図 5①)。 
名 前 を 「idle] か ら 「tg_idle」 に 変更 し て [Enter] キー で 確定 し ます ②⑫。 Start が 「0」、 End が 「75」 に 
な っ て いる こと を 確認 し て ③、[Loop Pose] に チェ ッ ク を 入れ ます ④。 こ れ で アイ ドル 状態 の アニ メ 
ーション が 設定 され まし た 。 


Start と End が グレ ー ア ウト し て いる 場合 束 
jmp 。 。 還 
[Clamp Range] ボタ ン が 表示 され 、 Start と End が 2 ーー p 


グレ ー ア ウト し て いる 場合 は 、[Clamp Range] ボ 
タン を 先 に クリ ッ ク し て くだ さい 。 


今 図 4 : Start と End が グレ ー ア ウト し て いる 場合 


cHAPTER07 プラ ッ ト フ ォ ー マ ー ゲ ー ム を 作る 


に 」 も laspS6D9E 


| Jump 
Fun 
run_first 


今 図 5 : 落下 状態 の アニ メー ショ ン の 設定 


他 の 部 分 の 設定 を する 

同様 の 手順 で 表 1 の 残り の アニ メー ショ ン も 設定 し ます 。 な お 、tg_sliding に つい て は 、 Root Transfo 
rm Position(Y) の Based Upon を |Originall か ら 「Feet」 に 変更 し ます ( 図 6①②⑧)。 mirti 
こら [Apply] ボタ ン を クリ ッ ク し て くだ さい ③。 残り の アニ メー ショ ン の 設定 は 表 1 を 参考 に 行っ 
くだ Le 


マ 表 1 : 残り の アニ メー ショ ン の 設定 


Name SOurce Take _OoD Pose っ tart 


tg_fall 
tg_idle 
tg_jump 
tg_run 
tg_run_first 


tg_walk_ back walk_back 


9 クリ ッ ク 話 


全 図 6 : tg_sliding の 設定 


_ a eH es i min 
Sr ea M Rs、 了 a ー Re 華 どっ 4 = Ta 、 


[Project] ビュ ー の 「Playerl フォ ル ダ で 右 ク リッ ク し て ( 図 7①)、 メ ニュ ー か ら [Create] @⑦②~ [Ani 
mator Controller] 選択 し て ③、Animator Controller を 作成 し ます 。 名 前 を 「TreasureAnimator」 


と し ます ④。 「 TreasureAnimator| を ダブ ルク リッ ク し て ⑤、[AnimatorController] ウィ ンド ウ を 開 
さき ます (⑯。 


Folder 
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C# Script 
Boo Script 
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Sync MonoDevelop Project Physic Material 
GUI Skin 


Animator Controller (3 選択 


Avatar Body Mas 
Avatar Skeleton Mask 


| Player 


(CAIl Materials 
GLAll Models 
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8 Animator 
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uto Live Link 


今 図 7 : Animator Controller の 作成 


cHAPTER07 プラ ッ ト フ ォ ー マ ー ゲ ー ム を 作る 


アイ ドル 状態 を 作成 する 

[AnimatorControllerl ウィ ンド ウ 上 を 右 ク リッ ク し て ( 図 8①)、 メ ニュ ー か ら [Create State] ②ー 
[Empty] を 選択 し ③、「New State」 を 作成 し ます 。 「New State」 を 選択 し て ④、[Inspector] ビュ ー 
で 、 名 前 を 「ldle」 に し ます ⑤。 Motion の 右 の [O] ボタ ン を クリ ッ ク し て ⑥⑯⑮、[Assets] タブ で 「tg_ 
idle」 を 選択 し ます ⑦。 こ れ で アイ ドル アニ メー ショ ン を 再生 する ステ ー ト を 作成 で きま し た ⑱。 


%》 右 ク リッ ク 
OS 選択 
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Create State 


Player/ TreasureAnimator.controller 


QB inspector 


今 図 8 : アイ ドル 状態 の 作成 
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ーー 
re Ye 】 と 


VG 
dL。 こ チ くう 


ェ ー ィ エー 栓 に 
| <=11 記 1 ニー 


nr の すず so で Sm 


A [AnimatorControllerl ウィ ンド ウ を 右 ク リッ ク し て ( 図 9①)、 メ ニュ ー か ら [Create State] ②ー 

O [From New Blend Tree] ③ を 選択 し ます 。 する と Blend Tree が 作成 され ます ④。 名 前 を [Forward] 

い に し ます ⑤。 左下 の Parameters の [+] を クリ ッ ク し て ⑥⑮、「Float」 を 選択 し の 、 名 前 を 「Speed」 に 
し ます (⑧。 


Autn Live Link Auto Liwe Link 


1 右 ク リッ ク 


Create State 
reate Sub-State Machine 


Copy current StateMachine 


Player/ TreasureAnimator.controller Player/ TreasureAnimator.controller 


念 図 9 : 前 進 状態 の 作成 


表示 領域 の 変更 

[Option] キー また は マウ ス の [中 ] ボ 
タン を 押し な が ら ド ラッ グ す る と 、 
[AnimatorControllerl ウィ ンド ウ の 
表示 領域 を 移動 で きま す 。 


る 図 10: [AnimatorController] ウィ ンド ウ の 表示 領域 の 変更 


3 つの モー ショ ン を 作成 する 


Forward を ダブ ルク リッ ク す る と 、 Forward の 中 の Blend Tree が 表示 され ます ( 図 11①)。 [Inspect 
or] ビュ ー で Motion の |] ボタ ン を クリ ッ ク し て ⑧②、 [Add Motion Field] を 選択 し ます ③。 こ れ を 
返し て 3 つの モー ショ ン を 設定 し ます ④。 


あと 2 回 繰り 


ーー Animator 


sho 
\ 


全 図 11 : 3 つの モー ショ ン の 作成 


3 つの モー ショ ン を 設定 する 


Motion の 加 項 目 の 右 に ある [©] ボタ ン を クリ ッ ク し て を 上 か ら 「tg_walk」 「tg_run」 「tg_run_ 
first] を それ ぞ れ 選択 し ます ( 図 12①⑧③)。 [Inspector] ビュ ー の 下 の Preview の [再生 ] ボタ ン を 
クリ ッ ク し て ④⑤、 BlendTree の Speed の つま み を 調整 し て み ま し ょ う 。 Speed が 「0] か ら 「1] に な 
る に つれ て ⑯⑮⑦、 tg_walk か ら tg_run_first ヘ へ ブレ ンド し な が ら ア ニメーション が 再生 され る こと を 
、 画面 左上 の BaseLayer を クリ ッ ク し て 、 Forward か ら 抜 け ま す 。 


確認 で きま す ⑱。 確認 し た ら 


§ Inspector 


ET 


Inspector 


| Motion Threshold - 研 ーー he «i FT 
| 一 None (Motiony © 


= None (Motiony 0.5 ミコ 
= eh 
+ トー 
AutomateThresholds | 
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= 


Farameter 


2 クリ ッ ク 


Add Motion Field 


" New Blend Tree 


Parameter | Speed 3 


1 
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凍 Animator 


= [ata walk 9 IO 
ata run HD 105 


ta run first 


図 12 : モー ショ ン の 設定 


Prev iew (4 】 ク リ ツ ク に 1.00 


aa 


0:55 (075.8%) 


@ 選択 


Preview 


0:13 025.5%) 


8) 確認 


全 Inspector 


Blend Tree 区 。 
Parameter 


cHAPTER07 プラ ッ ト フ ォ ー マ ー ゲ ー ム を 作る 


ルル 4y 欧 Mecanim に つい て 


の 
5 
に 
Unity4 か ら 、 新 し く 「Mecanim] と いう アニ メー ショ ン シ ス テム が 導入 され まし た 。 品 
実習 で は 、 Mecanim を 利用 し て 、 キ ャ ラク ター モデ ル の Avatar の 設定 と Animator Controller の に 
設定 を 行い まし た 。 
Avatar の 設定 


Avatar は Mecanim で キャ ラク ター アニ メー ショ ン を 利用 する た め に 設定 する も の で 、 キ ャ ラク タ 
ー モ デル の 持っ て いる ボー ン 構 造 を Mecanim に 認識 させ る 役割 が あり ます 。 

モデ ル デ ー タ の イン ポー ト 設 定 で 、 Animation Type を 「Genericl か 「Humanoid] に する と 作成 
で きま す ( 図 13)。 


全 図 13 : Avatar の 設定 


Avatar の 設定 画面 に は Mapping と Muscles の 設定 項目 が あり ます 。 
Mapping で は Mecanim が 認識 する ボー ン の 場所 と モデ ル デ ー タ の ボー ン を マッ ピン グ し て いき 
ます ( 図 14①)。 Muscles で は キャ ラク ター の パー ツ の 可動 範囲 を 設定 し ます ⑫。 
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ク 
1 
拓 
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今 図 14 : Mapping と Muscles の 設定 


cHAPTER07 プラ ッ ト フ ォ ー マ ー ゲ ー ム を 作る 


Mapping 
表 2 の サン プル 画像 の 実線 の 「 〇 」 が 必ず 設定 し な けれ ば な ら な い ボ ー ン で 、 点線 の 「 〇 ] は 任意 の 
設定 と な っ て いま す 。 
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マ 表 2 : Mapping の 設定 


ポーン 説明 サン プル 画像 
胴体 
Hips 功 部 
Spine 育 骨 
Body 
Chest 胸部 
右腕 ・ 左 腕 
Shoulder 肩 
Upper Arm 上 腕 
Lower Arm 前 腕 
Left Arm/ 
Right Arm 
Hand 手首 
| A LeftCollar 9 
i er ]o 
i ーー ]o 
右 脚 ・ 左 脚 Mapping 
Upper Leg 大 服部 
Lower Leg 下 服部 
Foot 定 首 
Left Leg/ 
Right Leg 
Toes つま 先 


RiahtHip_ 
RiahtKnee 1 | ら 
Riahtankle 


t= 
A None {Transforr 
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頭 部 
Neck 首 オプ ショ ツ 
Head 頭 部 必須 
Left Eye 左目 オプ ショ ン 
Right Eye 右目 オプ ショ ン 
キ 
ヤ Head 
ク 
クタ | 。 OptionalBone 
| Jaw | オプ ショ ン 8 [xtek ユ ーー ? 
に 
= 
わ 右手 や 左手 の 指 
Thumb Proximal 親指 の 根本 の 関節 オプ ショ ン 
動 Thumb Intermediate 親指 の 中 間 の 関節 オプ ショ ン 
1 
は Thumb Distal 親指 の 先端 の 関節 オプ ショ ン 
Index Proximal 人 差 指 の 根本 の 関節 オプ ショ ン 
Index Intermediate 人 差 指 の 中 間 の 関節 オプ ショ ン 
Index Distal 人 差 指 の 先端 の 関節 オプ ショ ン 
Right Fingers Middle Intermediate 中 指 の 中 間 の 関節 オプ ショ ン rr 
Middle Distal 中 指 の 先端 の 関節 オプ ショ ン nmemim: [EE 
Ring Proximal 薬指 の 根本 の 関節 ' オプション Sr 
Ring Intermediate 薬指 の 中 間 の 関節 オプ ショ ン 3 OF 0 
Ring Distal 薬指 の 先端 の 関節 オプ ショ ン SS 還 計 計時 
Little Proximal 小指 の 根本 の 関節 オプション | 3 計 計 we 
Little Intermediate 小指 の 中 間 の 関節 オプ ショ ツ 
Little Distal 小指 の 先端 の 関節 オプ ショ ン 
Muscles 


各種 ボー ン の 可動 男 囲 を 設定 し ます 。 


アニ メー ショ ン の イン ポー ト 
キャ ラク ター モデ ル の デー タ に 含ま れ て いる アニ メー ショ ン デ ー タ を 、Unity で 利用 で きる 形式 で 
イン ポー ト し ます ( 図 15)。 


cHAPTER07 プラ ッ ト フ ォ ー マ ー ゲ ー ム を 作る 


BB Inspector 


allowed in percents 


Z0 d ヨ ldVH う 


Fun_first 
sliding 
walk 
walk_hack 


Source Take 


人 図 15 : アニ メー ショ ン の イン ポー ト 
イン ポー ト し た アニ メー ショ ン は Clips に リス ト で 表示 され ます ( 表 3)。 


マ 表 3 : Clips の 設定 


Name Unity で 利用 する アニ メー ショ ン の 名 前 
Take モデ ル デ ー タ に 含ま れる アニ メー ショ ン の 名 前 
Start - End イン ボー ト す る フレ ー ム の 範囲 
Loop Pose ルー プア ニメーション か どう か 
Cycle Offset ルー プ 時 の フレ ー ム の 開始 フレ ー ム 
回 転 の 基準 
Bake into Pose 基本 の ポー ズ 
Root Transform Based Upon 基準 タイ プ 
Rotation Original モデ ル の デー タ の 向き を その まま 利用 
Body Orientation Clip の 向き を 設定 
Offset モデ ル デ ー タ の Y 軸 の 回 転 の オフ セッ ト 
Y 座 標 の 原点 の 位置 
Bake into Pose ポーズ の 焼き 込み 
Based Upon 基準 タイ プ 
UENSSN Sdn モデ ル デ ー タ の Y 座 標 原点 を その まま 利用 
Position(Y) 
Center Of Mass モデ ル デ ー タ の 中 心 位置 
Feet モデ ル デ ー タ の 足元 の 位置 
Offset Animation Clip の 高 さ を 手動 で 調整 
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XZ 座標 の 原点 の 位置 
Bake into Pose ボーズ の 焼き 込み 
WM 1 Based Upon 基準 タイ プ 
Original モデ ル デ ー タ の XZ 座 標 原点 を その まま 利用 
Center Of Mass モデ ル デ ー タ の 中 心 位置 
Mirror イン ポー ト す る と き に 左右 反転 する 
Body Mask イン ポ ボート す る 部 位 の マス クキ ング を する 。 緑 の 部 分 だ け イ ン ボ ポー ト す る 
Transform Mask マス キン グ す る 
Curves カー ブ を 設定 する 


Animator Controller 

キャ ラク ター アニ メー ショ ン は アイ ドル や 走行 、 ジ ャ ンプ な どの 状態 が あり 、 こ れ ら の 状態 の 切り 
替え は 、 従来 の 仕組 み で は すべ て スク リプ ト に よっ て 切り 替え て いま し た 。 

Animator Controller は Mecanim で 使わ れる キャ ラク ター アニ メー ショ ン の 状態 遷移 を 管理 する 
も の で 、 状態 や 状態 の 切り 替え の 定義 を ビジ ュ ア ル 化 し た ツー ル で 設定 で きま す 。 

Animator Controller は 主 に 、 ステ ー ト 、 トラ ンジ ショ ン 、 パラ メー ター、 レイ ヤー を 作成 し て 、 それ 
ら を 組み 合わ せる こと に よっ て キャ ラク ター アニ メー ショ ン を 実現 し ます 。 

Animator Controller で は 、 必ず キャ ラク ター が 何ら か の アニ メー ショ ン を 再生 し て お り 、 この 状態 
を State (ステ ー ト ) と 言い ます 。 ス テー ト は 長方形 の アイ コン で 表示 され ます 。 

ステ ー ト は 複数 あり 、 ト ラン ジ シ ョ ン で 設定 され た 条件 が 成立 する と 、 次 の ステ ー ト に 遷移 し ます 。 
トラ ンジ ショ ン は ステ ー ト と ステ ー ト を 接続 する | 矢印 ] と し て 表示 され ます ( 図 16)。 


Auto Live Link 


ハー ドス ナー ド を 
接続 する 矢印 


Flayer/ TreasureAnimator.controller 


人 る 図 16 : ステ ー ト 


Parameters (バラ メー ター) 
Animator Controller は パラ メー ター を 作成 する こと が で き 、 作 成 し た パラ メー ター を 通し て スク 
リプ ト と Animator Controller と 指示 を や り 取 りす る こと が で きま す 。 


cHAPTER07 プラ ッ ト フ ォ ー マ ー ゲ ー ム を 作る 


また 、 パ ラメ ー タ ー は トラ ンジ ショ ン の 条件 や Blend Tree で 使わ れ ま す ( 図 17)。 Animator 
Controller に 作成 する こと が で きる パラ メー ター は 表 4 の 通り で す 。 
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Animator Controller スク リブ プ ブ ド 


念 図 17 : Parameters (パラ メー ター) 


マ 表 4 : Animator Controller で 利用 で きる パラ メー ター 


パラ メー ター 型 
Vector ベク トル 型 
Float マズ ロー= ド 刷 | 
Int 整数 型 
_Bool 真昼 弄 | 


State (ステ ー ト ) 

ステ ー ト は アニ メー ショ ン の 状態 の こと で 、 モ ーション の 情報 を 持っ て いま す 。 色 は それ ぞ れ 表 5 
の よう に な つて いま す 。 デフ ォ ル ト の スズ スズ テー トト は ほ は 。 右 グ リッ ツク し た メデ ュー か が ら 切 り 替 える こと が で 
守 きま す 。 


マ 表 5 : ステ ー ト 
オレ ンジ 色 デフ ォ ル トド ト の ス デ ー ト 
灰色 その 他 の ステ ー ト 
水色 Any State (すべ て の ステ ー ト を 意味 する ) 


実習 で は デフ ォ ル ト の アイ ドル 状態 の ldle、 走 行状 態 の Forward、 ジ ャ ンプ 開始 モー ショ ン の 
Jumbp、 落下 状態 の Fal、 スラ イデ ィング モー ショ ン の 5Sliding を 作成 し まし た 。 


Blend Tree (ブレ ンド ツリ ー) 

Blend Tree は ステ ー ト の 一 種 で 、 内 部 に 複数 の アニ メー ショ ン を 持つ こと が で き 、 あ ら か じ め 作 成 
し た パラ メー ター に よっ て 、 ア ニメーション を ブレ ンド し な が ら 再 生 す る こと が で きま す ( 図 18)。 実 
省 で は Speed パ ラメ ー タ ー に よっ て 歩行 、 走 行 、 高 速 走行 の 各 ア ニメーション を クロ ス フ ェ ー ド し な 
が ら 再 生 す る よう に 設定 し まし た 。 
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信 図 18 : Blend Tree の 例 


*・ Mecanim を 利用 すれ ば 、 キ ャ ラク ター モデ ル の Avatar の 設定 と AnimatorController の 設定 が で きま 
きゃ 


* Avatar の 設定 で は Mapping と Muscles を 設定 で きま す 。 
* Mapping で は Mecanim が 認識 する ボー ン の 場所 と モデ ル デ ー タ の ボー ン を マッ ピン グ し ます 。 
* Muscles で は 、 各種 ボ ー ン の 可動 範囲 を 設定 で きま す 。 


* AnimatorController を 利用 すれ ば 、 キ ャ ラク ター アニ メー ショ ン の 状態 居 移 を ビジ ュ ア ル 化 し て 管理 で 
ます 。 


則 LEsSON28 萌 庫 before 参 還 罰 「LESSON27」 プ ロジ ェクト 


ンジ ショ ン を 作成 する 


uP LESSON 27 の 続き か ら 始 め ま す 。 ま た は 


[before] フォ ル ダ か ら 「TLESSON27」 プロ ジェ 
クト を 開き 、 CharacterControllerSetub の シー 
ン を 開き ます 。 そ の あと 、「Player」l フォ ル ダ の 
[TreasureAnimatorl を ダブ ルク リッ ク し て 開 
さま す 。 

[AnimatorControllerl ウィ ンド ウ に ある |Idle」 
を 右 ク リッ ク し て ( 図 1①) メニ ュー か ら [Make 
Transition] を 選択 する と ②、 マ ウス カー ソル に 
拓 印 が 伸び ます 。 そ の まま Forward まで カー ソ 
ル を ドラ ッ グ し て 持っ て いき クリ ッ ク す る と 、 
Transition が Idle か ら Forward に つなが り ま す 
③。 


@9 選択 


Make Transition 
Set As Default 
Copy 


Create new BlendTree in State 


図 1 : Idle か ら Forward を 繋ぐ 


作成 し た トラ ンジ ショ ン を 選択 し て ( 図 2①)、[[Inspector] ビュ ー で Idle か ら Forward へ 起 移 する 条 
件 を 設定 し ます 。 Conditions の ドロ ッ プ ダウ ン リ スト を クリ ッ ク し て 、[Exit Time] を [Speed] に 変 
更 し て ②⑫、 右側 の ドロ ッ プ ダウ ン リ スト で 「Greater」 を 選択 し 、「0.1」 に 設定 し ます ③。 


BlendTree Parameters 


| Conditions 


図 2 : ldle か ら Forward へ 居 移 する 条件 の 設定 


を る» Forward を 右 ク リッ ク し て メニ ュー が か ら [Make ーー 


Transition] を 選択 し 、Forward か ら lIdle へ トラ ン = Forward -> ldle 
ジ シ ョ ン を 作成 し ます ( 図 3①)。 a 

作成 し た トラ ンジ ショ ン を 選択 し て ②⑫ [Inspector] 
ビ ピュー で Conditions を 「Speed] [Less] 「0.1」 と 設 
定 し ます ③。 こ れ に より Forward 状態 で Speed が = 
0.1 よ り 小 さく な っ た ら ldle ア ニメーション へ 切り be 

替わる と いう 条件 が 設定 され まし た 。 


、Transitions Solo Mute 


BlendTree Parameters 


Conditions 


図 3 : Forward か ら Idle へ の トラ ンジ ショ ン の 作成 


) Parameters の [+] ボタ ン を クリ ッ ク し て ( 図 4①)、[Booll を 選択 し て ②、 名 前 を 「lsGround」 と し 
ます ⑬)。 も う 1 つ Bool の パラ メー ター を 追加 し て 名 前 を |lsJumpStart] と し ます ④。 IsGround は チ 


ェ ッ クボ ックス を ON に し て ⑤、 true を 設定 し て お きま す 。 


全 図 4 : ジャ ンプ 状態 の 作成 


[AnimatorControllerl ウィ ンド ウ 上 で 右 ク リッ ク し て 、 メニ ュー か ら [Create State] っ [Empty] を 
選択 し ます 。 ス テー ト を 作成 し て 、 名 前 を Jump] に し ます ( 図 5①)。 Motion は 「tg_jump」 を 選 


択 し ます ⑫。 


ve Animator 人 Inspector 


Transitians Solo Mute 
List is Empty 


人 A 図 5 : ステ ー ト の 作成 


ジャ ンプ の 設定 を する 

[Any State] を 右 ク リッ ク し て 、 メニ ュー か ら [Make Transition] を 選択 し 、 Jump ヘ へ トラ ンジ ショ ン 
を 作成 し ます ( 図 6①)。 トラ ンジ ショ ン を 選択 し て ②、[Inspectorl] ビュ ー で Conditions の 
lsGround を 「truel」 に ③、 [+] ボタ ン を クリ ッ ク し て 、 も う 1 つ 和信 件 を 追加 し 、lsJumpStart を 「true」 
に し ます ④。 「Jump」 を 選択 し て 右 ク リッ ク し 、 メニ ュー か ら [MakeTransition] を 選択 し て Forward 
へ トラ ンジ ショ ン を 作成 し ます ⑤。 ト ラン ジ シ ョ ン を 選択 し て 、 Conditions の lsGround を 「true」 
に し ます ⑯。 
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4 Jump -= Fnrward 
= 1lTransition 


作図 6 : ジャ ンプ の 設定 


スラ イデ ィング 状態 を 作成 する 

Parameters の [ 二 ] ボタ ン を クリ ッ ク し て 、[Booll を 選択 し 、 名 前 を llsSlidingStart] と し ます 。 も 
う 一 度 、[+] ボタ ン を クリ ッ ク し て [Floatl を 選択 し 、 名 前 を 「SlidingTime] と し ます ( 図 7①)。 

[AnimatorControllerl ウィ ンド ウ 上 で 右 ク リッ ク し て 、 メニ ュー か ら [Create State] 一 [Empty] を 

選択 し て 、 新 し く ス テー ト を 作成 し 、 名 前 を 「Sliding] と し ます ⑧。 Motion は 「tg_sliding」 を 選択 し 

ます ③。 


Forward か ら Sliding に トラ ンジ ショ ru Conditions の lsSlidingStart を true に し ます ⑤。 
Sliding か ら Forward に トラ ンジ ショ ン を 作成 し て ⑥、 Conditions の Slidinglime を 「Less]、「0.1」 
に し ます ⑦。 


Sliding か ら Forward に も うつ 1 つ ト ラン ジ シ ョ ン を 作成 し て ⑧、 [Inspector] ビュ ー で 2 つ 目 の Transiti 
on を 選択 し 、 Conditions の Speed を 「Less」、「0.1] に し ます ⑨。 


CHAPTER07 プラ ツ ド ノン 


、 図 7: スラ イデ ィング 状態 の 作成 


て 
ゴ 
| 
© 
@ Inspector 
Solo Mute 

に ー _ 末 称 . : 

PBlendTree Par 

| Conditions 


3} [AnimatorControllerl ウィ ンド ウ 上 で 右 ク リッ ク し て 、 メニ ュー か ら [Create State] > 上 [Empty] を 
選択 し 、 新 し く ス テー ト を 作成 し ます 。 名 前 を 「Backward] と し ます ( 図 8①)。 Motion は 「tg_ 
walk_back」 を 選択 し ます ⑫。 
ldle か ら Backward に トラ ンジ ショ ン を 作成 し て ③、 Conditions の Speed を |「Less] | -0.1] に し ます 
④。 Backward か ら Idle に トラ ンジ ショ ン を 作成 し て ⑤、 Conditions の Speed を 「Greater」 「-0.1」 
に し ます (⑯。 


@ Inspector 


i 


[Eta walk back | © 


、Transitions の ニル Solo Mute 」 
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Freview 


cHAPTER07 プラ ッ ト フ ォ ー マ ー ゲ ー ム を 作る 


た 芝 参 Transition (トラ ンジ ショ ン ) に つい て 


Transition は 現在 再生 し て いる ステ ー ト か ら 次 の ステ ー ト に 起 移 する た め の 条 件 を 定義 し ます 。 条 
件 は Conditions と し て 設定 し ます 。 
Conditions の タイ プ は 表 1 の 通り で す 。 
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マ 表 1 : Conditions の タイ プ 


Bool 型 true また は false 
Float 型 また は Int 型 指定 し た 数 値 よ り 大 きい 、 また は 小さ い 
Exit Time 現在 の ステ ー ト を 再生 し て か ら の 経過 時 間 


他 に も Conditions は 、 複数 の 条件 を 設定 する こと が で きま す 。 
実習 で は Idle 状 態 で Speed が 0.1 より 大 きく な っ た 場合 、 Forward ヘ アニ メー ショ ン 状 態 が 切り 替 
わる と いう 条件 を 設定 し て いま す 。 


*s Transition を 利用 すれ ば 、 キャ ラク ター に 動き を つけ る こと が で きま す 。 
s ステ ー ト か ら ス テー ト へ の 居 移 に は 細か い 条 件 を 設定 で きま す 。 
* 遷移 の 条件 は Conditions の タイ プ で 設定 で きま す 。 


[ey 


SA MIDI FE 則 「LESSON28] プロ ジェ クト 、 PlayerAnimationSetup.cs、 
hr 画 ES 今 自 BR る list29-1, 2.txt、u_man_tex.png、u_man.fbx 


中 際 Animator を スク リプ ト で 制御 する 


4 LESSON 28 の 続き か ら 開 始 し ます 。 また は 「before] フォ オル ダ か ら 「LESSON28] プロ ジェ クト を 開き 、 
CharacterControllersetup の シー ン を 開い て くだ さい 。 
[Hierarchy] ビュ ー で 「treasure_girl] を 選択 し て ( 図 1①)、[Inspector] ビュ ー で Animator コ ン ポ 
ー ネ ン ト を 有効 に し て ②、Controller を 前 の LESSON で 作成 し た 「TreasureAnimator]」 に し ます ③④。 


⑨⑬ クリ ッ ク 


A 図 1 : コン ポー ネン ト の 設定 


sn Di 1 .,. Bb 7 | ーー ん ル テ - 
cHAPTER07 プラ ッ ト フ フォー マー ゲ ー ム を 作る 


_N 


3 
し A. HH md § ee Dp he FT he メ 
く ク リブ ト 巴 名 する 
っ 人) ー = グ プ | | cE * = | 1 ャ アク a) 


「before] フォ ル ダ か ら 、 [Project] ビュ ー の 「CharacterControllersetup]」 フォ ル ダ に PlayerAnimat エ 


ionSetup.Cs を イン ポー ト し ます ( 図 2①)。 イン ポー ト し た PlayerAnimationSetup ス クリ プ ト を [Hi 3 


erarchy] ビュ ー の 「treasure_girl] に ドラ ッ グ & ド ロッ プ し て 追加 し ます ②。 Animator コン ポー ネン pe 
ト の 「Apply Root Motion] の チェ ッ ク を 外し ます ③⑬。 


treasure_ girl 


0 イン ポー ト HO ComDO0S 03 


動作 を 確認 する 8 
[Play] ボタ ン を クリ ッ ク し て 動作 を 確認 し ます ( 図 3①)。 [W] キー で 前 進 、[LA] キー、[D] キー で 左 
右 に 旋回 し 、 [スペ ー ス ] キー で ジャ ンプ し ます 。 前 進 中 に [C] キー で スラ イデ ィング を し ます ⑫。 
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念 図 3: 動作 の 確認 
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スラ イデ ィング し て すり 抜け る 動作 を 加え る 


スラ イデ ィング で プレ イヤ ー の 正面 の Cube を すり ぬけ られ る よう に し ます 。PlayerAnimationSetup 


スク リプ ト を リス ト 1 の よう に 編集 し て 保存 し ます 。 


マリ スト 1 : PlayerAnimatinSetup.cs 


001 | using UnityEngine; 


002 | using System.Collections; 


003 

004 | public class PlayerAnimationSetup : MonoBehaviour { 
005 / / スラ イデ ィング 実行 時 間 

006 public float slidingTime = 1F; 

007 

008 // Animatorz コ ン ポ ー ネ ン ト 

009 Animator animator; 

010 // キャ ラク ター コン シト ロー ラー 

011 CharacterController character; 

012 // スラ イデ ィング 実行 時 間 残 

013 float slidingTimeLeft = OF; 

014 // キャ ラク ター コン トロ ー ラ ー の コラ イダ ー の 中 心 位 置 

015 Vector3 colliderCenter; 

016 // キャ ラク ター コン トロ ー ラ ー の コラ イダ ー の 高 さ 

0 float colliderHeight; 

018 

019 void Start ()  { 

020 / / キャ ラク ター コン トロ ー ラ ー の 取得 

021 character = GetComponent<CharacterController>() / 
022 // キャ ラク ター コン トロ ー ラ ー の コラ イダ ー の 中 心 位置 を 取得 

023 colliderCenter = character.center; 

024 // キャ ラク ター コン トロ ー ラ ー の コラ イダ ー の 高 さ を 取得 

025 colliderHeight = character.height; 

026 // Animator コ ン ポ ー ネ ン ト の 取得 

027 animator = GetComponent<Animator>() / 

028 } 

029 

030 void Update () { 

031 // キー 入力 の 取得 

032 float v = Input.GetAxis("Vertical"); 

033 float h = Input.GetAxis ("Horizontal"); 

034 bool isJump = Input.GetKey(KeyCode.Space) ; 
035 bool isSliding = Input.GetKey (KeyCode.C) ; 
036 

037 // TreasureController の Parameters に パラ メー ター を セッ ト 
038 animator. SetBool ("IsGround", character.isGrounded) ; 
039 animator. SetBool ("IsJumpStart", false); 

040 animator. SetBool ("IssSlidingStart", false); 
041 

042 // スラ イデ ィング 実行 時 間 残 を 減少 させ る 

043 if (slidingTimeLeft > 0) { 


cHAPTER07 プラ ッ ト フ ォ ー マ ー ゲ ー ム を 作る 


044 slidingTimeLeft -= Time.deltaTime; 
045 } エ 
046 ー 
047 animator.SetFloat ("SlidingTime", slidingTimeLeft) / m 
048 ら 
049 / / 現在 の アニ メー ショ ン の 状態 を 取得 
050 AnimatorStateInfo state = animator.GetCurrentAnimatorStateInfo(0); 
051 // アニ メー ショ ン の 状態 が スラ イデ ィング 状態 か どう か チェ ッ ク 
052 if (state.nameHash == Animator.StringToHash("Base Layer.Sliding" 癌 | 
)) { 
053 // スラ イデ ィング 状態 の と き は 中 心 位置 の 下方 向 に 、 高 さ を 半分 に する 
054 Vector3 newColliderCenter = colliderCenter; 
055 newColliderCenter.y *= 0.5F; 
056 character.center = newColliderCenter; 
057 character.height = colliderHeight * 0.5F; 
058 } else { 
059 // スラ イデ ィング 状態 で な い 場 合 は 中 心 位置 と 高 さ を 初期 位置 に する 
060 character.center = colliderCenter; 
061 character.height = colliderHeight; 
062 } 
063 
シー ン を 実行 する 


スラ イデ ィング する と 、 CharacterController の コラ イダ ー の サイ ズ が 変形 し て 、 ブロ ッ ク を すり 抜け 
られ る よう に な り ま す ( 図 4)。 


念 図 4: 動作 の 確認 
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人 Animator を 制御 する 


実習 で は キャ ラク ター の アニ メー ショ ン の 状態 や パラ メー ター を 定義 し た AnimatorController を 
PlayerAnimationSetupb ス クリ プ ト で 操作 し まし た 。 

前 の LESSON で 利用 し た PlayerControllerSetupb ス クリ プ ト と 違う 部 分 に つい て 解説 し ます 。 

最初 に Start 関 数 で Animator コン ポー ネン ト を 取得 し て いま す 。 


ス 
ク 
リ 019 VOEG 8 も ar も () i 
020 / / キャ ラク ター コン トロ ー ラ ー の 取得 
で 021 character = GetComponent<CharacterController>() / 
ヒコ (… 中 略 …) 
ヤ 026 / / Animat も or コン ポー ネン ト の 取得 
ク 027 animator = GetComponent<Animator>() / 
夕 028 
| 
を 
重 Update 関数 で は Start 関 数 で 取得 し た Animator コ ン ポ ー ネ ン ト に SetBool や SetFloat 関 数 を 実行 
0 し て いま す 。 こ れ は キー 操作 な どの 情報 を Animator コ ン ポ ー ネ ン ト の Controller に 指定 し て いる 、 
TreasureAnimator の Parameters の 値 を 変更 し て いま す 。 
030 Vo1d Update () { 
031 / / キー 入力 の 取得 
032 float v = Input.GetAxis("Vertical"); 
033 float h = Input.GetAxis ("Horizontal'"); 
034 bool isJump = Input.GetKey(KeyCode.Space) / 
035 bool isSliding = Input.GetKey (KeyCode.C) / 
036 
037 // TreasureController の Parameters に パラ メー ター を セッ ト 
038 animator. SetBool ("IsGround", character.isGrounded) ; 
039 animator.SetBool ("IsJumpStart", false); 
040 animator. SetBool ("IssSlidingStart", false); 
041 
042 // スラ イデ ィング 実行 時 間 残 を 減少 させ る 
043 if (slidingTimeLeft > 0) { 
044 slidingTimeLeft -= Time.deltaTime; 
045 } 
046 
047 animator. SetFloat("SlidingTime", slidingTimeLeft) / 
048 
049 // 現在 の アニ メー ショ ン の 状態 を 取得 
050 AnimatorStateInfo state = animator.GetCurrentAnimatorStateInfo(O0) ; 
051 // アニ メー ショ ン の 状態 が スラ イデ ィング 状態 か どう か チェ ッ ク 
052 if (state.nameHash == Animator.StringToHash ("Base Layer.Sliding")) { 
053 // スラ イデ ィング 状態 の と き は 中 心 位置 の 下方 向 に 、 高 さ を 半 分 に する 
054 Vector3 newColliderCenter = colliderCenter; 
055 newColliderCenter.y *= 0.5F; 


056 character.center = newColliderCenter ; 
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057 character.height = colliderHeight * 0.5F; 

058 ] e1se { 中 
059 // スラ イデ ィング 状態 で な い 場合 は 中 心 位置 と 高 さ を 初 期 位 置 に する ー 
060 character.center = colliderCenter; m 
061 character.height = colliderHeight; ら 
062 } 

063 


スク リブ プ ト か ら は パラ メー ター を 変更 する だ け で 、 ア ニメーション の 切り 替え を 実行 し こく れ て い 
る こと が わか り ま す 。 
Animator コ ン ポ ボー ネン ト で パラ メー ター に 値 を セッ ト で きる 関数 は 次 の ゆ の よう な も の が あり ます 。 


SetBoo1 (パラ メー ター 名 , 真 偽 値 ) 
SetF1oat (パラ メー ター 名 , Float 値 ) 
SetInt (パラ メー ター 名 , Int 値 ) 


プラ ッ ト フ ォ ー マ ー ゲ ー ム で は 、 キャ ラク ター が し ゃ が お む お 、 スラ イデ ィング する こと で 当たり 判定 が 
小さ く な る こと が あり ます 。 

実習 で は スク リプ ト を 修正 し て スラ イデ ィング アニ メー ショ ン を し て いる 時 に 、CharacterControgll 
er コン ポー ネン ト の コラ イダ ー の 中 心 位置 を 下 に 高 さ を 低く し て 、 キ ャ ラク ター が ブロ ッ ク の ト 下 を 通 
れる よう に し まし た ( 図 5)。 


<⑳⑲ CharacterControllerSetup 


今 図 5 : スラ イデ ィング し て ブロ ッ ク の 下 を 通る 


050 AnimatorStateInfo state = animator.GetCurrentAnimatorStateInfo(0) ; 
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は 還 一 交 ざ させ サテ に Y ハ | 


Animator コン ポー ネン ト の GetCurrentAnimatorStatelnfo 関数 で 現在 の ステ ー ト を 取得 し て い 
ます 。 引数 の 0 は レイ ヤー の イン デック ス を 表し て いて 、0 か ら 順 に 割り 当て られ て いま す 。 
TreasureAnimator に は Base Layer し か あり ませ ん の で 0 を 指定 し て いま す 。 


052| if (state.nameHash == Animator.StringToHash("Base Layer.S1iding")) { 
現在 どの ステ ー ト の アニ メー ショ ン を 実行 し て いる か 判断 する に は 、 GetCurrentAnimatorStateln 


fo 関数 で 取得 し た AnimatorStatelnfo の nameHash 値 と Animator.StringToHash( レ イヤ ー 名 . ス テ 
ー ト 名 ) 関数 の 結果 を 比較 し ます 。 


距 次 参 レイ ヤー を 追加 し て アニ メー ショ ン を ブレ ンド する 


追加 アニ メー ショ ン 用 の モデ ル を イン ポー ト す る 

TreasureAnimator に レイ ヤー を 追加 し て 複数 の アニ メー ショ ン を 同時 に ブレ ンド させ ます 。 ブ レン 
ド さ せる た め の ア ニメーション を イン ポー ト し ます 。「before] フォ ル ダ か ら [Project] ビュ ー の 
[Playerl フォ ル ダ に ( 図 6①)、u_man_tex.png と u_manfbx を イン ポー ト し ます ⑫。 [Project] ビ 
ュー で 「Player」 ③ー [Materials] フォ ル ダ の u_man_tex マ テリ アル を 選択 し て ④、 テ クス チャ を 
u_man_tex に し ます ⑮⑤⑯。 


© Inspector 


Shader 


3 クリ ッ ク 4 クリ ッ ク 


"Uman_tex 


今 図 6 : 追加 アニ メー ショ ン 用 の モデ ル の イン ポー ト 
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[Project] ビュ ー の 「Playerl フォ ル ダ の u_man モ デル を 選択 し て ( 図 7①)、[Inspector] ビュ ー で 
[Rig] タブ を 選択 し て ②、Animation Type を 「Humanoid] に し ます ③。 [Apply] ボタ ン を クリ ッ ク 
し て ④、Avatar Definition の [Configure] ボタ ン を クリ ッ ク し ます ⑤。 シ ー ン を 保存 する か 確認 さ 
れる の で 、 [Save] ボタ ン を クリ ッ ク し ます ⑯。 


(2.】 Animation Type を Humanoid に 変更 する 
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BQ Inspector 


“ | 
Avwatar Definition Create From This Model * 


The avatar can be ranfiqured after settings have been 
applied. 


Do you want to save the changes you made in 
the scene CharacterControllersetup.unity? 


Your changes will be lost if you don't save them 


正二 ⑪ クリ ッ ク 


今 図 7 : モデ ル の 適用 


Avatar の エラ ー を 解消 する 

[scene] ビュ ー で キャ ラク ター の ポー ズ の エラ ー が 出 て いる の で ( 図 8①)、[Inspector] ビュ ー の 
[Pose] を クリ ッ ク し て ( 図 9①) [Enforce T-Pose] を 選択 し ます ②。 [Apply] ボタ ン を クリ ッ ク し て 
確定 し 、 [Done] ボタ ン を クリ ッ ク し ます 。 


| Optional Enne 


hips |9 
| 和え spine 19 
IO」 


‘8: Chest 
TLleft Arm 
tS% Shoulder @ 
© Upper Arm 9 
© Lower Arm © 
® Hand 9 


Enforce T-Pose 
AAsset Lahel 


今 図 8 : ポー ズ の エラ ー の 解消 今 図 9 : [Enforce T-Pose] を 選択 
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は 時 評 一 ゞ ざ 山 させ サテ こい 当 


クリ ッ ク し ます ⑯。 


今 図 10 : モデ ル の 設定 の 変更 


アニ メー ショ ン の イン ポー ト 設 定 を 変更 する 
[Project] ビ ピュー で u_man モ デル を 選択 し て ( 図 10①)、[Inspector] ビュ ー で [Animations] タブ 
を クリ ッ ク し ます ⑫。 clips の 「Default Take」 を 選択 し て ③、 
名 前 を 「spine_roll_right] に し ④ [Enter] キー で 確定 し ます 。 
Mirror の チェ ッ ク ボ ックス を ON に し て ⑤、[Apply] ボタ ン を 


9 Inspector 


同 を 
| Open | 
| Model | Rig | 較 MuEuui 


Impart 上 Animation MM 


| rt Setti 
wb Man mport ngs 


| Default Take | に 
Source Take | Default Take a 


0.583 


Lenqth 


Li ) Inspector 


Body Mask 
Transform Mask 
Curves 


胴体 の アニ メー ショ ン の み を 利用 する た め に マス ク を 作成 する 
[Project] ビュ ー の 「Playerl フォ ル ダ を 右 ク リッ ク し て ( 図 11①)、 メ ニュ ー か ら [Create] ⑦~ 


[Avatar Body Mask] ③ を 選択 し ます 。 名 前 を 「SpineMaskl と し ます ④。 [Inspector] ビュ ー で 体 の 
パー ツ を クリ ッ ク し て ⑤、 胴体 の 部 分 だ けが 緑 に な る よう に し ます (⑯。 


Assets w Player » 


Create 
Reveal in Finder 
Open 


Delete 


Import New Asset.… 
Import Packaqe 

Export Package... 

Find References In Scene 
Select Dependencies 


Refresh 
Reimport 


Reimport All 


Sync MonoDevelop Project 


@ 選択 


る 図 11 : マス ク を 作成 
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| SpineMask 


Folder 


Javascript 

C# Script 

Boo Script 
Shader 
Compute Shader 


Prefab 

Material 
Animation 
Cubemap 

Lens Flare 
Custom Font 
Render Texture 
Physic Material 
GUI Skin 
Animator Controller 
Avatar Body Mask 


Avatar skeleton Mas 


[5 ) クリ ッ ク 
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胴体 部 分 の 色 の 変更 


一 度 [Inspector] ビ ピュー の 痛 景 部 分 を クリ ッ ク し て か ら 、 胴体 部 分 を クリ ッ ク す る と 簡単 に 選択 で きま す 。 
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レイ ヤー を 追加 する 

[Playerl フォ ル ダ に ある TreasureAnimator を 開き ます 。 Layers の [+] ボタ ン を クリ ッ ク し て ( 図 
12①)、 レ イヤ ー を 追加 し ます 。 名 前 は 「Sub Layer」 と し ます ②。 Masks の Human の 右 の [ 〇 ] ボタ 
ン を クリ ッ ク し て ③、 SpineMask を 選択 し ます ④⑤。 Parameters の [+] ボタ ン を クリ ッ ク し て ⑯、 
[Float] を 選択 し 、 名 前 を IDirection] に し ます の ⑰。 


[ 9 A 中 Animator _ 
Base Layer ) Base ーーー 
wer + | 


生計 に ーー OO 


《D クリ ッ ク | 


[sslidingStart LJ ー 


全 図 12 : レイ ヤー の 追加 


モー ショ ン の バラ メー タ を 設定 する 

[Animator] ビュ ー を 右 ク リッ ク し て ( 図 13①)、 メ ニュ ー か ら [Create State] @— [From New 
Blend Iree] ③ を 選択 し て 、 新しく Blend Iree を 作成 し 、 名 前 を 「SpineRolll に し ます 。 SpineRoll を 
ダブ ルク リッ ク し て ⑨④、 Blend Tree を 開き ⑤⑮、[Inspector] ビュ ー で Parameter を [Direction] に し 
ます ⑯⑦。 Motion で [+] ボタ ン を クリ ッ ク し て ⑱⑧、[Add Motion Field] を 選択 し ます 。 こ れ を も う 
一 度 繰り 返し 、Motion を 2 つ 作 成 し ま す ⑲。 Motion の 上 の し きい 値 の グラ フ の 部 分 の 10] を 「-1] 
に し ます ⑯⑩。 
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1 右 ク リッ ク 


Create State Empty 
Create Sub- 和 tate Machine From Selected Cli 
From New Blend Tree 


《⑳ ダブ ルク リッ ク 


@ mspector @ inspector 


= | Blend Tree | 交 。 
ュー ニュ ーーーー 


Direction 


= None Nane (Mation) 


— Inne [None (Motion) | 


は 紀 計 一 ささ テア こき 


全 図 13 : モー ショ ン の パラ メー タ の 設定 


アニ メー ショ ン の 設定 を 変更 する 
Motion の Threshold が 「-1] の ほう の アニ メー ショ ン を spine_roll_left に し ます ( 図 14①②③)。 も 
う 一 方 を spine_roll_right に し ます ④⑤⑯。 設定 する と ⑦ の よう に な り ま す 。 


届 Inspector 


a mde | * 


! by 


| 8 Animator 
SubLayer BlendTree . 


Ergrps CT 隊 
preceen。 5ol- 


PlayerAnimationSetup ス クリ プ ト を リス ト 2 の よう に 修正 し ます 。 


マリ スト 2 : PlayerAnimationSetup.cs 
001 | using UnityEngine; 
002 | using System.Collections; 


003 
004 | public class PlayerAnimationSetup : MonoBehaV1Our { 
005 / / スラ イデ ィング 実行 時 間 
006 public float slidingTime = 1F: 
007 
(… 中 略 …) 
024 // キャ ラク ター コン トロ ー ラ ー の コラ イダ ー の 高 さ を 取得 
025 colliderHeight = character.height; 
026 // Animator コ ン ポ ボー ネン ト の 取得 
027 animator = GetComponent<Animator>() ; 
028 // 1 番 の レイ ヤー(Sub Layer) の ウェ イト 値 を 0.8 に する 
029 animator.SetLayerWeight(l, 0.8F) ; 
030 } 
031 
032 void Update () { 
033 // キー 入力 の 取得 
034 float v = Input.GetAxis("Vertical"); 
035 float h = Input.GetAxis ("Horizontal"); 
036 bool isJump = Input.GetKey (KeyCode. Space) ; 


037 bool isSliding = Input.GetKey(KeyCode.C) ; 


038 


(… 中 略 …) 
065 
066 if (Character. 1SGrounded) { 
067 
068 an1mator. SetFloat ("Speed", v); 
069 // 横 方 向 の 入力 を Parameters の Direction に セッ ト す る 
ス 070 an1mator. SetFloat ("Direction", h); 
071 
プ (… 中 略 …) 
ト 080 } 
で 081 } 
店 082 
ラ 083 } 
ク 084 
” 085 | } 
を 
か 動作 を 確認 する 


[Play] ボタ ン を クリ ッ ク し て ( 図 15①)、 キャ ラク ター を 動か し て み ま し ょ う 。 
キャ ラク ター が 左右 に 動く 時 に 体 を 左右 に 傾け る アニ メー ショ ン が ブレ ンド され て 実行 され て いま す 
②。 


3⑳ CharacterControllerSetup.unity - Platformer - PC, Mac & Linux Standalone 


今 図 15 : 動作 の 確認 
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や 記 了 レイ ヤー に つい て 


Animator に は 複数 の レイ ヤー を 持つ こと が で き 、 アニ メー ショ 
ン を ブレ ンド し て 表示 させ る こと が で きま す 。 レ イヤ ー に は 
Avatar Body Mask を 指定 し て どの 部 分 の アニ メー ショ ン を ブレ 
ンド する か 指定 で きま す ( 図 16)。 

実 省 で は 頭 や 腕 を 除く 上 半身 の 部 分 だ け を ブレ ンド する よう に 
指定 し て いま す 。 

レイ ヤー に は 「Weight」 と いう 値 が あり どれ くら い の 割 合 で ブ 
レン ド さ せる か 指定 で きま す 。 Weight を 変更 する に は 、Animator 
コン ポー ネン ト の SetLayerWeight (し レイ ヤー イン デック ス 、 ウ ェ 
イト 値 ) 関数 で 指定 し ます 。 

PlayerAnimationSetup ス クリ プ ト で は 、 Start 関 数 内 に お いて 
以下 の よう に 記述 し て いま す 。 


Z0 d ヨ ldVH う 


| 指定 | 
る る 図 16 : アニ メー ショ ン の ブレ ンド 


レイ ヤー は 0 番 か ら 番 号 が 割り 当て られ ます の で 、Base Layer が 0 番 、Sub Layer が 1 番 と な り ま す 。 
ウェ イト 値 は 0 か ら 1 の 範囲 で 指定 し ます 。 0.8F と する と Sub Layer の アニ メー ショ ン が 809% ブレ 
ンド され る こと に な り ま す 。 


アニ メー ショ ン の リタ ー ゲ ッ ト 

実習 で は キャ ラク ター の 上 半身 を 傾け る アニ メー ショ ン を 別 の モデ ル か ら イ ン ポ ー ト し まし た 。 
この よう に 新しい アニ メー ショ ン シ ス テム の Mecanim で は 、 あ る モデ ル の アニ メー ショ ン を 別 の 
モデ テル で アニ メー ジョ ジン させ る こと が で きま ます 。 


s レイ ヤー 機能 を うま く 使 うと 、 下 半身 と 上 半身 で レイ ヤー を 分 け て 、 アイ テム や 武器 を 持つ アニ メー ショ 
ン と 移動 で 足 を 動か す ア ニメーション を 別々 に 管理 で きま す 。 

s Mecanim を 利用 すれ ば 、 イ ン ポ ー ト し た モデ ル の アニ メー ショ ン を 別 の モデ ル を 利用 し て アニ メー ショ 
ン さ せる こと が で きま す 。 
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b ミグ la 
、 <AMPLE 較 LEssoNs30 形 較 before 依 調 「LESSON29] プ ロジ ェクト 、 InputState.cs、 


PlayerAnimationController.cs 


St mm ss や Ee en a so | | fe : 
yi a me 4 7 と f j= 、 Em | We = 


LESSON 29 の 続き か ら 始 め ま す 。 ま た は 「before] フォ ル ダ の 「LESSON29] プロ ジェ クト を 開き 、 
CharacterControllersetup の シー ン を 開い て くだ さい 。 

メニ ュー か ら [Assets] ( 図 1①) っ [Import Package] ② 一 [Projectors] ③ を 選択 し ます 。 [Import] 
ボタ ン を クリ ッ ク し ます ④。 


Custom Package... 


Character Controller 
Glass Refraction (Pro Only) 
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合図 1 : ブロ ジェ クト の イン ポー ト 
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[Projectl ビュ ー で [Standard Assets] っ [Projectors] を 選択 し て ( 図 2①)、 Blob Shadow エ 
Projector プレ ハブ を ②、[Hierarchy] ビュ ー の treasure_girl に ドラ ッ グ & ドロ ッ プ し て ③、 子 オブ ジ コ 
ェクト に し ます 。 の 


— Prajectars 


人 る 図 2 : ブレ ハブ の 子 オ ブ ジ ェクト 化 
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今 図 3 : プロ ジェ クタ ー の 設定 
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Blob Shadow PTojector で 投 村 し た 影 が キャ ラク ター に も 表示 され て いま す の で 、 除 外し ます 。 
[Inspector] ビュ ー の Layer ( 図 4①) か ら [Add Layer] を 選択 し て ②、[Inspector] ビュ ー に 「Tag 
Manager」 を 表示 し ます ③。 「User Layer 8] の 右側 を クリ ッ ク し て ④、 編 集 状 態 に し 「Player」 と 入 
力 し て [Enter] キー で 確定 し ます ⑤。 


TransparentFX 
I ロ hore Raycast 


User Lawer 8 


今 図 4 : レイ ヤー 名 の 変更 


cHAPTER07 プラ ッ ト フ ォ ー マ ー ゲ ー ム を 作る 


子 オ ブ ジ ェクト も Player レ イヤ ー に 移動 する 
5 ) [Hierarchy] ビュ ー で treasure_girl を 選択 し て [Inspector] ビュ ー の [Layer] ( 図 5①) か ら 「Player」 
を 選択 し ます ②④。 子 オブ ジェ クト も Player レ イヤ ー に 移動 する か どう か が 確認 する 画面 が 表示 され る の 
で 、 [Yes, change children] ボタ ン を クリ ッ ク し ます ③。 


Z0 d ヨ ldVH う 


Change Layer 


Do you want to set layer to Player for all child objects as well? 
TransparentFX 


Ignore Raycast 


No, this object on Yes, change children 


信 図 5 : 子 オ ブ ジ ェクト を Player レ イヤ ー へ 移動 


示 分 な 影 を 削除 する 

[Hierarchy] ビ ピュー で |Blob Shadow Projector」 を 選択 し て 、[Inspector] ビュ ー で Projector の 
[lgnore Layers] を クリ ッ ク し て ( 図 6①) [Player] を 選択 し ます ⑧。 treasure_girl の 全体 に か か っ て 
いた 黒い 影 が 表示 され な く な り 、 足元 だ け に 表示 され る よう に な り ま す ⑬③。 


開 全 間 ⑩ クリ ッ ク ) 


Everwthing 
Default 
TransparentFX 
Ignore Raycast 


念 図 6 : 未 分 な 影 の 削除 
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アナ ログ コン トロ ー ラ ー 用 の リソー ス を イン ポー ト す る 
マー ト フ ォ ン な どの タッ チ ス ウリ ー ン 向け に アナ ログ コン トキ ロー ジ ヴー 表示 し まま 。 

ー か ら [Assets] ( 図 7①) っ [Import Package] ②ー [Standard Assets (Mobile)] を 選択 し ま 
す ③。 「Single Joystick.prefab」 「Joystickjs] 「JoystickThumb.psd」 の 3 点 を イン ポー ト し ます ④⑤ 


Custom Package... 


人 必 1 


Character Controller 
称 Ce 上 選択 Glass Refraction (Pro Only) 
」 Image Effects (Pro Only) 
Refresh Light Cookies 
Reimport Light Flares 
5 Particles 
Reimport Al Physic Materials 
Sync MonoDevelop Project Projectors 
Scripts 
Skyboxes 
Stand ard — sets (Mobile) 


Te Shaders (DX11) 
Toon Shading 

Tree Creator 

Water (Basic) 

Water (Pro Onl 


人 図 7: アナ ログ コン トロ ー ラ ー 用 の 画像 の イン ポー ト 


新規 ゲー ム オ ブ ジ ェクト を 作成 する 
新しく 空 の ゲー ム オ ブ ジ ェクト を 作成 し て 名 前 
を IInputl と し ます ( 図 8①)。 Transform の 
Position を 「0, 0. 0] に し ます ②。 


Input 


信 図 8 : 新規 ゲー ム オ ブ ジ ェクト の 作成 


cHAPTER07 プラ ッ ト フ フォー マー ゲー ム を 作る 


プレ ハブ を 子 オ ブ ジ ェクト に する ノー 国 


[Project] ビュ ー か ら 「Standard Assets(Mobile)」 っ 「Prefabs| フォ ル ダ ( 図 9①) に ある Single 
Joystick プレハブ を [Hierarchy] ビュ ー の Input ま で ドラ ッ グ & ドロ ッ プ し て ⑨⑧、 子 オブ ジェ クト に 
し ます 。3 回 実行 し て 3 個 の Single Joystick を 作成 し ます ③。 作成 した Single Joystick の 名 前 と 
Transform の Position と Joystick ス クリ プ ト の Touch Pad を それ ぞ れ 表 1 の よう に 設定 し ます 。 


、 


区 、^0 d ヨ ldVHO 


ーー 
> 
る > 


の 9 ドラ ッ グ S&S ド ロッ プ 


ー Prefabs 


0 所 還 EEE 
る 図 9 : プレ ハブ の 子 オ ブ ジ ェクト 化 


マ 表 1 : Single Joystick の 設定 


Joystick 0.05, 0.05. 0 OFF 
ButtonJumbp 0.75, 0.25 0 ON 
ButtonSliding 0.7, -0.03, 0 ON 


N Joystick ス クリ プ ト を 移動 する 
上 [Project] ビ ピュー の 「Standard Assets(Mobile)] っ 「Scripts] フォ ル ダ ( 図 10①) の Joystick ス クリ 
ら プ ト ②⑧ を |Standard Assets] フォ ル ダ に 移動 し ます ③④。 


EE 


a (9 クリッ ク : 
語 Player 《》 移動 


ーー Standard Assets 


= re 較 0 0 
今 図 10 : Joystick ス クリ プ ト の 移動 
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[Project] ビュ ー に 「Scripts] フォ ル ダ を 作成 し ます ( 図 11①)。 「before] フォ ル ダ か ら 「Scripts」 フ 
ォ ル ダ に InputState.cs と PlayerAnimationControllercs を イン ポー ト し ます ②。 イ ン ポ ー ト し た 
InputState ス クリ プ ト を [Hierarchy] ビュ ー の Input に 追加 し ます ③。 

[Hierarchy」 ビュ ー の treasure_girl の PlayerController ス クリ プ ト と PlayerAnimation ス クリ プ ト 
を [Inspector] ビュ ー で 対象 の スク リプ ト の 右 に ある 歯車 アイ コン を クリ ッ ク し て [Remove Comp 
onent] を 選択 し て 取り 外し 、 イ ン ポ ー ト し た PlayerAnimationControler ス クリ プ ト を ドラ ッ グ & 
ドロ ッ プ し て 追加 し ます ④。 


| 。 scrpts 1 
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《 作成 


信 図 11 : キャ ラク ター コン トロ ー ル 用 スク リプ ト の 差し 替え 
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IOS や Android で 実行 する と 図 12 の よう に スク 
リー ン の 左下 に ジョ イス ティ ッ ク が 表示 され 、 
右 下 に は 薄く ジャ ンプ ボタ ン と スラ イデ ィング 
ボタ ン が 表示 され る よう に な り ま し た 。 


今 図 12 : ジョ ヨイ スティック の 確認 


人 参 影 の 表示 と タッ チ ス クリ ー ン 用 の コン トロ ー ラ ー の 表示 


スク リプ ブ ト の 変更 点 に つい て 

前 の LESSON ま で は 、 PlayerController ス クリ プ ト と PlayerAnimation ス クリ プ ト で キャ ラク ター を 
操作 し て いま し た 。 

今回 の LESSON で は キャ ラク ター の 操作 と アニ メー ショ ン は PlayerAnimationController ス クリ プ ト 
で 行う よう に し まし た 。 PlayerAnimationController ス クリ プ ト の 中 身 は PlayerController ス クリ プ ト 
と PlayerAnimation ス クリ プ ト を 1 つ に まとめ た も の に な っ て いま す 。 


タッ チ ス クリ ー ン 用 アナ ログ コン トロ ー ラ ー の 表示 
タッ チ ス クリ ー ン 用 アナ ログ コン トロ ー ラ ー を 実現 する た め に 一 番 簡 単 な 方 法 と し て 、Unity に 標準 
で 用 意 さ れ て いる Standard Assets (Mobile) に 含ま れ て いる Single Joystick プ レバ ハブ を 利用 し まし た 。 
Single Joystick プレ ハブ は GU| Texture と Joystick ス クリ プ ト で タッ チ ス クリ ー ン 上 に アナ ログ ジョ 
イス ティ ッ ク や ボタ ン を 表示 する 機能 が 組み 込ま れ て いま す 。 


アナ ログ ジョ 
イズ テイ ツタ 


信 図 13 : アナ ログ ジョ イス ティ ッ ク の 例 
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前 の LESSON ま で は キー 入力 の 取得 に Input ク ラス を 利用 し て いま し た が 、 PC の キー ボー ド で 操作 
し て も Single Joystick プ レバ ハブ で 操作 し て も 、 同 じ 入 力 値 が 取得 で きる よう に InputState ス クリ プ ト 
で Input ク ラス の 値 と Joystick ス クリ プ ト の 値 を まとめ て いま す 。 


C# と JavaScript で 記述 され た スク リプ ト の 連携 

Single Joystick プ レバ ハブ で 使わ れ て いる Joystick ス クリ プ ト は JavaScript で 記述 べ され スク リプ ト で す 
が 、 InputState ス クリ プ ト は で # で 記述 し て いま す 。 

この よう に 異な る 言語 で スク リプ ト を 記述 する 場合 に 、 別 言語 で 作ら れ た スク リプ ト を その まま 利用 
し よう と する と エラ ー に な っ て し まい ます 。 エ ラー を 回 避 す る 方 法 と し て 、「Standard Assets] フォ ル 
ダ ま た は 「Plugins| フォ ル ダ に スク リプ ト を 移動 させ る と 動作 させ る こと が で きま す 。 


Projector コン ポー ネン ト 

3D シ ー ン で キャ ラク ター が ジャ ンプ する 時 、 足 元 に 影 が 表示 され て いる と プレ イヤ ー は キャ ラク タ 
ー の 位置 を 把握 し や すく な り ま す 。 

Unity で は 影 を 実現 する 方 法 と し て セル フシ ャ ドウ と Projector コ ン ポ ボー ネン ト が 利用 で きま す 。 

セル フシ ャ ド ツ ウ 機 能 は Pro 版 の ライ セン ス に 含ま れる 機能 で 有効 に する と シー ン 上 の ライ ト の 影響 を 
受け て リア ル タ イ ム に 影 を 計算 し て 表示 し て くれ ます ( 図 14)。 


に つ 
oo シャ ド ワ 、 


> 


念 図 14 : Pro 版 で セル フシ ャ ドウ を 有効 に し た 場合 


実習 で は Pro 版 で な く て も 利用 で きる Blob Shadow Projector プレ ハブ を 使っ て 、 キ ャ ラク ター の 足 
元 に 影 を 表示 し まし た 。 Blob Shadow Projector は Projector コ ン ポ ー ネ ン ト を 使っ て 丸い 影 を 表示 で 
さき ます 。 

Projector コ ン ポ ボー ネン ト は マテ リア ル を 別 の オブ ジェ クト に 投影 する 機能 が あり 、 サ ンプ ル の よう 
に キャ ラク ター に 影 を 表示 し た り 、 壁 に 弾 痕 を 表示 で きま す 。 


cHAPTER07 プラ ッ ト フ ォ ー マ ー ゲ ー ム を 作る 


x タッ チ ス クリ ー ン 用 アナ ログ コン トロ ー ラ ー を 表示 する に は 、 Single Joystick を プレ ハブ に し ます 。 


* JavaScript の スク リプ ト を 利用 する 場合 は 、「 Standard Assets] フォ オル ダ ま た は 「Plugins] フォ ル ダ に 
スク リプ ト を 移動 させ ます 。 


xs セル フシ ャ ドウ 機能 は Pro 版 の ライ セン ス に 含ま れる 機能 で す 。 
* Projector コ ン ポ ー ネ ン ト は マテ リア ル を 別 の オブ ジェ クト に 投影 する 機能 が あり ます 。 
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LESSON31 例 bao 調 「LESSON30」 プ ロジ ェクト 、「 Platform-Stage.unitypackage、bgm_dangeon.mp3、 


se_clear.mp3、se_scream.mp3、GameController.cs、SoundEffect.cs、TrapEvent.cs 


ct0 引 陵 ステ ー ジ を 作成 する 


< LESSON 30 の 続き か ら 始 め ま す 。 ま た は 「before] フォ ル ダ の ILESSON30] プロ ジェ クト の 
CharacterControllerSetup の シー ン を 開い て くだ さい 。 
[Project] ビュ ー で 新しく フォ ル ダ を 作成 し ます 。 名 前 を 「Prefabs] に し ます 。 [Hierarchy] ビ ピュー の 
treasure_dirl を [Project] ビュ ー の |Prefabs] フォ オル ダ に ドラ ッ グ & ドロ ッ プ し て ( 図 1①)、 プ レ ハ 
ブ 化 し ます ②。 プ レ ハ ブ の 名 前 を 「Player」 に し ます ③。 [Hierarchy] ビュ ー の Input も 同様 に プレ 八 
ブ 化 し ます ④。 


| : Hierarc hy 


Assets を Prefabs Assets » Prefabs 


Directional light 
Input 
Main Camera 


Plane 
Slope 
「treasure_girl 
Blob Shadow Projector 
Hips 
Mesh_ 


図 1 : プレ ハブ 化 


も すず 』 
| " “ 


ee ym pe EK | mm , ~~ pf ノル ーー pels 一 本 チ 


メニ ュー か ら [Assets] > [Import Package] > [Custom Package] を 選択 し て 、「before] フォ ル 


ダ か ら 「Platform-Stage.unitypackage」 を 選択 し て イン ポー ト し ます ( 図 2①②)。 メ ニュ ー か ら 
[File] っ [New Scene] を 選択 し て 新しく 「Stage] と いう シー ン を 作成 し ます (現在 の シー ン を 保存 
する か が 確認 され た ら [Save] ボタ ン を クリ ッ ク し て 保存 する )。 

[Project] ビュ ー の 「Platforms」 っ 「Prefabs] に ある Stage プレ ハブ を [Hierarchy] ビュ ー に ドラ ッ 
グ & ドロ ッ プ し ます ③④⑨⑤。 


ORSRRREOIECRRIIDIEE に MEET 
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問 時 の クリ ッ ク 


硬 財 太 | 還 居 | 恒 [clo) = 


人 る 図 2 : バッ ケー ジ の イン ポー ト と シー ン の 作成 


[Project] ビュ ー の Prefabs に ある Input プレハブ を [Hierarchy」 ビュ ー に ドラ ッ グ & ドロ ッ プ し ます 
( 図 3①)。 メニュー から [Assets] 一 Import Package] ~ [Scripts] を 選択 し て 「SmoothFollow. 
js]」 を イン ポー ト し ます ②③。 

イン ポー ト し た ら [Project] ビュ ー の 「Standard Asset] っ 「Scripts] > 「Camera Scripts] フォ ル 
ダ の SmoothFollow ス クリ プ ト を [Hierarchy] ビュ ー の Main Camera に ドラ ッ グ & ドロ ッ プ し て ④⑭ 
追加 し ます 。 [Inspector] ビュ ー で SmoothFollow の Distance を 6 に し ます ぐ ⑤。 [Hierarchy] ビュ ー 
に Directional light を 追加 し ます ⑯。 [Inspector] ビュ ー で Intensity を 0.2 に し ます ⑦。 
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Input 
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Stage 


信 図 3 : スク リプ ト を イン ポー ト 
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[Hierarchy] ビュ ー に 「SpawnPoint] と いう 空 の ゲー ム オ ブ ジ ェクト を 新規 作成 し ます ( 図 4①)。 
[Inspector] ビュ ー で Transform の Position を 「-3.5, 1, -3.5] に し ます ②。 [Project] ビュ ー の 「Scri 
pts] フォ ル ダ に 「before] フォ オル ダ か ら GameControllercs と SoundEffect.Cs を イン ポー ト し ます ③。 


っ R awnPoin ! 
⑨ イン ボート 
念 図 4: 新規 オブ ジェ クト を 作成 し て スク リプ ト を イン ポー ト 
[Hierarchy] ビュ ー に GameController と いう 空 の ゲー ム オ ブ ジ ェクト を 新規 に 作成 し ます 。 [Proje 
ct] ピュー の 「Scripts] フォ ル ダ の GameController ス クリ プ ト を [Hierarchy] ビュ ー の GameContr 
oller オ ブ ジ ェクト に ドラ ッ グ Q& ドロ ッ プ し て 追加 し ます ( 図 5①)。 [Inspector] ビュ ー で Player を Pla 
yer プ レ ハ ブ に ②③、 Spawn Point を SpawnPoint に し ます ④⑭⑤。 
人 0 ドラ ッ グ S ド ロッ プ 
(# 
ayer 07 
今 図 5 : ゲー ム オ ブ ジ ェクト を 作成 し て スク リプ ト を 適用 っ 


音声 と スク リプ ト を イン ポー ト し て スク リプ ト を 適用 する 


[Project] ビュ ー に 新しく フォ ル ダ を 作成 し て 名 前 を 「Sounds] に し ます 。 |Sounds] フォ ル ダ に 
「before] フォ ル ダ か ら bgm_dangeon.mp3 と se_clearmp3 と se_scream.mp3 を イン ポー ト し ま 
す ( 図 6①)。 

[Hierarchy」 ビュ ー に |SoundControllerl と いう 空 の ゲー ム オ ブ ジ ェクト を 新規 に 作成 し ます 。 
[Project] ビュ ー の 「Scripts] フォ ル ダ に ある SoundEffect ス クリ プ ト を 、[Hierarchy」 ビュ ー の 
SoundControler オ ブ ジ ェクト に ドラ ッ グ S&S ドロ ッ プ し て 追加 し ます ②⑫。 

[Inspectorl ビュ ー で Sound Effect の Se Clear を 「se_clear」 に ③④ ぐ ⑤、 Se Scream を 「se_ 
scream」 に 設定 し ます ⑥⑦⑧。 

[Add Component] ボタ ン を クリ ッ ク し て ⑨、 メ ニュ ー か ら [Audio] 一 [Audio Listener] を 選択 し 
て ⑩、 Audio Listener を 追加 し ます 。 

[Add Component] ボタ ン を クリ ッ ク し て ⑪、 メ ニュ ー か ら [Audio] 一 [Audio Source] を 選択 し 
て Audio Source を 追加 し ます ⑱。 

[Inspector] ビュ ー で Audio Source の Audio Clip を 「bgm_dangeon] に ⑬、 Loop の チェ ッ ク ボ ッ 
クス を ON に し ます ⑭。 [Hierarchy] ビュ ー で Main Camera を 選択 し て ⑲⑮、[Inspector] ビ ピュー で 
Audio Listener コン ポー ネン ト の チェ ッ ク を 外し ます ⑯)。 
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信 図 6 : 音声 と スク リプ ト を イン ポー ト し て スク リプ ト を 適用 


動作 を 確認 する 

ここ で 一 旦 [Play] ボタ ン を クリ ッ ク し て 動作 を 確認 し ます ( 図 7①②)。 キャ ラク ター が SpawnPoint 
の 位置 に 出現 し 、 ト ゲト ゲ に ぶつ か る と 元 の 位置 に も どり ます 。 緑 の 宝石 に ヒット す る と 効果 音 が 鳴 
りり 、 ター ン を リロ ー ド し ます 。 
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今 図 7 : 動作 の 確認 


アニ メー ショ ン の コン ポー ネン ト を 追加 し て 保存 する 

Stade の 中 の TrapRotating と TrapMoving に アニ メー ショ ン を させ る よう に し まし ょ う 。 
TrapRotating に 回 転 ア ニメーション を させ ます 。 [Hierarchy] ビ ピュー の stage 内 に ある TrapRotatind 
を 選択 し ます ( 図 8①)。 [Add Component] ボタ ン を クリ ッ ク し て ②、 メ ニュ ー か ら [Miscellaneo 
us] っ [Animation] を 選択 し て ③、 Animation コン ポー ネン ト を 追加 し ます 。 

メニ ュー か ら [Window] ⑨ー [Animation] を 選択 し て ⑤、[Animation] ウィ ンド ウ を 表示 し ます 。 
[Animation Mode] ボタ ン (左上 の 赤い [ 〇 ] ボタ ン ) を クリ ッ ク し ます ⑥。 ア ニメーション の 保存 
先 を 対 か れる の で 「Platforms] フォ ル ダ の 中 に 「TrapRotate.anim] と いう 名 前 で 保存 し ます ⑦(⑧⑲。 
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全 図 8 : アニ メー ショ ン の コン ポー ネン ト の 追加 と 保存 


[TapRotating] 一 [Transform] > [Rotation.y] の 右側 を クリ ッ ク し て ( 図 9①)、[Add Key] を 選択 
し ます ②④。 フ レー ム を 300 に し て ③、[Add Keyframe] ボタ ン ( 陣 M ぁ ) を クリ ッ ク し ます ④。 [TrapRot 
ating] > [Iransform] = [Rotation.y] の 右側 を クリ ッ ク し て 、[Add Key] を 選択 し ます 。 Rotation. 
y の 値 を 360 に し ます ぐ ⑤。 

次 に アニ メー ショ ン の WrapMode を 「Loop] に し ます ⑥。 [Animation Mode] ボタ ン を クリ ッ ク し 


《》 ひ フレ ー ム を 設定 し て 動作 を 確認 する 


ます ⑦。 [Play] ボタ ン ( 蘭 ) を クリ ッ ク し て 動作 を 確認 し ます 。 
[Hierarchy] ビュ ー で TrapRotating を 選択 し ⑧、[Inspector] ビュ ー で Animation コ ン ポ ー ネ ン ト の Animation 
を 「TrapRotate」 に 設定 し ます ⑲⑯⑩。 
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図 9 : フレ ー ム の 設定 と 動作 の 確認 
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TrapMoving に 動き を を つけ る 
TrapMoving に も 動き を つけ ます 。 [Hierarchy] ビュ ー で TrapMoving を 選択 し ①、[Inspector] ビュ 
ー で [Add Component] ボタ ン を クリ ッ ク し て ② メ ニュ ー か ら [Miscellaneous] > [Animation」] 
を 選択 し て Animation コン ポー ネン ト を 追加 し ます 。 [Inspector] ビュ ー で [Play Automatically] の 
チェ ッ ク ボ ックス を OFF に し ます ⑨③。 


今 図 10 : TrapMoving へ の スク リプ ト の 設定 


アニ メー ショ ン を 保存 先 を 指定 する 

メニ ュー か ら [Window] っ [Animation] を 選択 し て [Animation] ウィ ンド ウ を 表示 し ます 。 
[Animation Mode] ボタ ン (左上 の 赤い [ 〇 ] ボタ ン ) を クリ ッ ク し ます ( 図 11①)。 ア ニメーション 
の 保存 先 を 誠 か れ ま す の で 「Platforms] フォ ル ダ の 中 に 「TrapUpDown.anim] と いう 名 前 で 保存 し 
ます ②③(④。 
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念 図 11 : アニ メー ショ ン の 保存 
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フレ ー ム を 設定 する 

[Animation] ビュ ー の [TapMoving] っ [Transform] ー [Position.y] の 右側 を クリ ッ ク し て ①、「Add 
Curves| を 選択 し ます (⑫。 

フレ ー ム を 「60]」 に し て ③、[Add Keyframe] ボタ ン を クリ ッ ク し ます ④⑭。 [TapMoving] = [Trans 
form] っ [Position.y] の 値 を 「5.5] に し ます ぐ ⑤。 

フレ ー ム を 「70] に し て ⑯ [Add Keyframe] ボタ ン を クリ ッ ク し ます ⑦。 [TapMoving] > [Irans 
form] っ [Position.y] の 値 を 12.5] に し ます ⑧⑱。 

フレ ー ム を 「90] に し て ⑨⑲ [Add Keyframe] ボタ ン を クリ ッ ク し ます ⑯。 [TapMoving] > [Trans 
form] っ [Position.y] の 値 を 「3.5] に し ます ⑬⑩。 

フレ ー ム を 「60] に し て ⑲、 Positiony の Key を 右 ク リッ ク し て ⑬、 [Flat] を 選択 し ます ⑲⑭。 

フレ ー ム を 「70] に し て ⑮、 Position.y の Key を 右 ク リッ ク し て ⑯、 [Broken] を 選択 し ます ⑰。 

一 度 、[Play] ボタ ン を クリ ッ ク し て 動作 を 確認 し ます 。 次 に フレ ー ム 「70] の Positiony の Key の 下 
側 の ハン ドル を ドラ ッ グ し て カー ブ が 鋭利 な V 字 型 に な る よう に 調整 し ます ⑱。 ア ニメーション の 
WrapMode を [Once] に し ます ⑮⑲。 
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アニ メー ショ ン を TrapUpDown に する 
[Hierarchy] ビ ピュー で TrapMoving を 選択 し ( 図 13①)、 [Inspector] ビュ ー で Animation コン ポー ネ エ 
ント の Animation を TrapUpDown に し ます (②③④。 コ 
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念 図 13 : アニ メー ショ ン を TrapUpDown 
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[before] フォ ル ダ か ら TrapEvent.cs を [Project] ビ ピュー の 「Scripts] フォ オル ダ に イン ポー ト し ます 。 
TrapEvent ス クリ プ ト ( 図 14) を [Hierarchy] ビュ ー の TrapRotating に ドラ ッ グ & ドロ ッ プ し て 追加 
し ます ①。 

メニ ュー か ら [Window] 一 [Animation] を 選択 し て 、[Animation] ウィ ンド ウ を 表示 し 、 
[Animation Mode] ボタ ン を クリ ッ ク し ます 。 フ レー ム に 「300」 と 入力 し て ② そ の フレ ー ム に 移動 
し 、[Add Event] ボタ ン ([ 剛 ) を クリ ッ ク し ます ③。 追加 され た イベ ント ( 軸 ) を クリ ッ ク し て ぐ ④、 
[Edit Animation Event] ダイ アロ グ を 開き 、「 StartTrapMovingAnimation0」 を 選択 し ます ⑤⑮⑯。 
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念 図 14 : TrapMoving の 設定 


保存 し て 動作 を 確認 する 


ー か ら [File] > [Save Scene as] を 選択 し て 、 現 在 の シー ン を 「Platformer」 と いう 名 前 で 


[Scenes] フォ ル ダ に 保存 し ます ( 図 15①~⑧)。 


[Play] ボタ ン を クリ ッ ク し て 確認 し まし ょ う (④。 TrapRotating が 1 回転 する た びに TrapMoving が 上 


下 に 動い て いま すぐ ⑤。 
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今 図 15 : 保存 し て 動作 を 確認 
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31-2 ステ ー ジ の 作成 に つい て 


今回 は 「Platform-Stage.unitypackad9e] を イン ポー ト し て 、 キ ャ ラク ター を 移動 させ る ステ ー ジ 
を 作成 し まし た 。 

ステ ー ジ は 複数 の サイ ズ の 足場 な ひど の オブ ジェ クト を 並べ て 作ら れ て いま す 。 

手順 と し て は 、 前 の LESSON で セッ ト ア ッ プ し た キャ ラク ター を GameController ス クリ プ ト か ら 
SpawnPoint の 位置 に イン スタ ンス 化し て いま す 。 そ の 後 で 、 ト ラッ プ と し て 用 意 し て いる トゲ トゲ 、 
も し く は 緑 の 宝 石 に 接触 する と 、 効 果 音 を 鳴ら し て シー ン を 最初 か ら 読 み 直 す よ うに 設定 し て いま す 。 
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Animation コン ポー ネン ト 
トラ ッ プ を アニ メー ショ ン さ せる 方 法 に つい て 解説 し ます 。 


Animation コン ポー ネン ト に つい て 


キャ ラク ター を コン トロ ー ル する た め の Animator コン ポー ネン ト と 名 前 は 似 て いま す が 、 新 し い ア ニ メ ー シ ョ 
ン シ ス テム の Mecanim と は 違い 、 以前 の バー ジョ ン の Unity か ら で も 利用 で きま す 。 


Unity に は ゲー ム オ ブ ジ ェクト を 効率 的 に アニ メー ショ ン さ せる た め に [Animation] ビュ ー が 用 意 
され て いま す 。 [Animation] ビュ ー で アニ メー ショ ン を 編集 する た め に は ゲー ム オ ブ ジ ェクト に 
Animation コン ポー ネン ト が 追加 ご れ て いる 必要 が あり ます 。 

シー ン 中 の ゲー ム オ ブ ジ ェクト を 選択 し て Animatlon コン ポー ネン ト を 追加 し 、[Window] 一 
[Animation] を 選択 する と [Animation] ビュ ー が 表示 され ます ( 図 16)。 
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念 図 16 : [Animation] ビュ ー 


Animation コ ン ポ ボー ネン ト は AnimationClip を 再生 し ます 。 AnimationClip は [Project] ビュ ー に 
保存 され ます 。 初め て アニ メー ショ ン を 編集 する 時 に 利用 し ます 。 

Animation Clip の ドロ ッ プ ダウ ン メ ニュ ー か ら [Create New Clip] を 選択 する と 、 新 規 に 作成 さ 
れ ま す ( 図 17)。 
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[Animation] ビュ ー の 上 部 に は 左 か ら [Animation Mode] ボタ ン 、[Play] ボタ ン 、 [前 後 の キ ー フ 
レー ム ] ボタ ン 、 編 集中 の フレ ー ム 番号 、[Add Keyframe] ボタ ン 、[Add Event] ボタ ン 、 タ イム ライ 
ン が あり ます 。 


マ 表 1: [Animation] ビュ ー の 各 ボ タン 
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[Animation Mode] ボタ ン アニ メー ショ ン 編 集 モ ー ド に な る 

[Play] ボタ ン 編集 中 の アニ メー ショ ン を 再生 する 
[前 後 の キ ー フ レー ム ] ボタ ン 前 後 の キ ー フ レー ム に 移動 する 

[Add Keyframe] ボタ ン 、 現在 の フレ ー ム に キー フレ ー ム を 追加 する 
[Add Event] ボタ ン 現在 の フレ ー ム に イベ ント を 追加 する 


左側 に は 選択 中 の ゲー ム オ ブ ジ ェクト に 含ま れ て いる コン ポー ネン ト や 子 ゲ ー ム オブ ジェ クト が 階 
層 表 示さ れ て いま す 。 右側 の グレ ー の エリ ア に は キー フレ ー ム ご と の コン ポー ネン ト の 値 や カー ブ が 
表示 され 、 グラ フィ カル に 編集 で きま す 。 


アニ メー ショ ン の 編集 
アニ メー ショ ン は タイ ムラ イン に キー フレ ー ム を 設定 し 、 変化 さけ たい コ ン ポ ー ネ ン ト の 値 を 編集 
し ます 。 カ ー ブ を 設定 し た 場合 、 人 ンド ル を 操作 し て カー ブ を 調整 で きま す ( 図 18)。 
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. 図 18 : カー ブ を 調整 する 


アニ メー ショ ン の Wrap Mode 
Wrap Mode に は 表 2 の よう な 種類 が あり 、 最後 の フレ ー ム まで 再生 し た 後 の 動 作 を 指定 で きま す 。 


マ 表 2 : ここ Mode 
| 王 a ショ ン を 終了 する 
Loop 最初 の フレ ー ム に 戻り 、 繰り 返し 再生 する 
Ping Pong 最後 の フレ ー ム か ら 逆 に 再生 し 、 繰り 返し 往復 し て 再生 する 
最後 の フレ ー ム の 状態 を 残し た まま アニ メー ショ ン を 終了 する 


Once 


Clamp Forever 


サン ブル で は TrapRotating に 対し て 、 0 フレ ー ム か ら 300 フレ ー ム まで で Transform の Rotationy 
を 0 か が から 360 ま で 増加 する よう に し 、 5 秒間 で y 軸 を 中 心 に 1 回 転 す る よう に し まし た 。 WrapMode を 
Loop に し まし た の で 繰り 返し 回 転 す る よう に アニ メー ショ ン し て いま す 。 


アニ メー ショ ン イ ベン ト 

アニ メー ショ ン に は キー フレ ー ム と は 別に イベ ント を 設定 する こと が で きま す 。 イ ベン ト は ゲー ム 
オブ ジェ クト に 設定 され て いる スク リプ ト の 関数 を 実行 する こと が で きる 機能 で す 。 

サン プル で は TrapRotating に 対し て 、1 回 転 す る タイ ミン グ で StartlrapMovingAnimation 関 数 
を 実行 する よう に 設定 し まし た ( 図 19)。 
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る 図 19 : StartTrapMovingAnimatlon 関 数 を 実行 


TrapEvent.cs 
001 using UnityEngine; 
002 | using System.Collections; 


003 

004 public class TrapEvent : MonoBehaviour { 

005 

006 void StartTrapMovingAnimation() { 

007 / / シー ン の 中 か ら TrapMoy1in す 9 オブ ジェ クト に アク セス し 、 デ フォ ルト の アニ メー ショ ン を 実行 させ る 
008 GameObject.Find("TrapMoving" ) .an1mation .P1aY( ) : 

009 } 

010 | } 


アニ メー ショ ン の イベ ント 機能 を うつ まく 使う と オブ ジェ クト の 動き に 合わ せ て 音 を な らし た り 、 別 
の オブ ジェ クト て 連動 し た 動作 な ど が 容易 に 実現 で きま す 。 


まとめ | ・ [Animation] ビュ ー で ゲー ム オ ブ ジ ェクト を 効率 的 に アニ メー ショ ン さ せる こと が で きま す 。 
RM 
ー_ 2 ニメーション を 編集 する に は 、 タイ ムラ イン に キー フレ ー ム を 設定 し て 、 変化 させ た い コ ン ポ ー ネ ン ト 
の 打上 し 員 す : 


ニメーション に は イベ ント を 設定 する こと が で きま す 。 


ふみ“ 


PS @ 得 得 Maeno th - LFSSON 35€ は #20 の ア =x 


用 LEsSON32 葉 還 before 湖 。 LESSON32HUD.cs 


基本 的 な Widget を 使う 


練習 用 に 新しい プロ ジェ クト を 作成 し ます 。 メ 
ニュ ー か ら [File] > [New Project] を 選択 し て 、 ] 
「LESSON32] と いう 新しい プロ ジェ クト を 作成 | SA Materials 
i NO Al Models 
し まず \% 図 1)。 | 
( 〇 LAll Prefabs 


(OAII Scripts 


ーー 上 Ets 


図 1: 新しく 作成 され た プロ ジェ クト 


cHAPTER08 GUI の ある Unity ア プリ を 作成 する 


スク リプ ト を 生成 する | | 
[Project] ビュ ー の [Create] メニ ュー か ら ( 図 2 ラック] 


①) [C# Script] を 選択 し ます ①②。 する で ど ズ スタ ダル Folder 
プ ト が 作成 され ます の で 、 ファ イル 名 を ILESSO 
N32HUD] と し て くだ さい ③。 


Javascript 
に ず SCriDt 


C# ス クリ プ ト フ ァイル の 雛形 

Unity か ら こ の 手順 に よっ て スク リプ ト フ ァイル 
を 作成 する と 自動 で ファ イル 名 に 設定 し た 名 前 か 
ら C# ク ラス の 雛形 が 作成 され ます 。 し か し 、 C# 
スク リプ ト フ ァイル は ファ イル 名 と スク リプ ト フ 
ァイル 内 に 定義 する クラ ス 名 は 同じ で な いと いけ 
な い の で 、 あ と で スク リプ ト フ ァイル の 名 前 を 変 
更 し た 場合 は 、 ク ラス 名 も 変更 する こと を 忘れ な 
いで くだ さい 。 


ー 上 SE【5 


念 図 2 : スク リプ ト の 生成 


スク リプ ト を 開く 
手順 2 で 生成 し た スク リプ ト を ダブ ルク リッ ク し て 、 開 いて くだ さい 。 す る と MonoDevelop が 表示 
され ます ( 図 3)。 


| 1- ustng UnttyEngtne: 
2 using System.Collections; 


で プ . RSSe「T1DIVー し バ 
E public class LESSON32HUD : MonoBehaviour { 25 
2 ~r Use this for initialization 8 @ 上 5 以 | | 
7 void Start 〈) { 
9 


+ 


ン Update is called opce Per frame 
void Update () { 


using UnityEngine; 
using System.Collections; 


public class LESSON32HUD : MonoBehaviour { 


ノン Use this for initialization 
votd Start () { 


} 


念 図 3 : MonoDevelop に よっ て 開か れ た スク リプ ト 


スク リプ ト を 編集 する 
編集 画面 の タブ 名 が 先程 クリ ッ ク し た スク リプ ト の ファ イル 名 に な っ て いる か 確認 し て 、 「before」 フ 
ォ ル ダ の LESSON32HUD.cs の 内 容 を コピ ー& ペ ー ス ト し て くだ さい 。 


編集 し た スク リプ ト に つい て 


編集 し た 後に 保存 を 忘れ な いよ うに し て くだ さい 。 保存 は [Command] + [S] キー ある い は [ファ イル ] メニ 
ュー か ら [保存 ] を 選択 し て 保存 で きま す 。 
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スク リプ ト を カメ ラ に 設定 する 


C# スク リプ ト を 画面 の オプ ジェ クト に 設定 し ます 。 [Project] ビュ ー か ら 作 成 し た 「LESSON32HUD] 
の スク リプ ト フ ァイル を [Hierarchy] ビュ ー の Main Camera に ドラ ッ グ & ド ロッ プ し て くだ さい ( 図 


4①)。 す る と スク リプ ト が カメ ラ に 設定 され ます ⑧。 


Untitled - UnityBook - PC, Mac & Linux Standalone i 


今 図 4 : スク リプ ト が 設定 され た カメ ラ 


シー ン を 保存 する 

メニ ュー から [File] > [Save Scene] を 選択 し 
て 、 現 在 の シー ン を 「LESSON32Scene」 と いう 
名 前 で 保存 し て くだ さい 。 後 で 整理 し や すい よ 
つう ( に プロ ジ エ タ トド に |Scriet | と いう フォル ダ と 、 
[Scene] と いう フォ ル ダ を 作成 し ( 図 5①②)、 
ILESSON32HUD」 の スク リプ ト フ ァイル は 「 Scr 
ipt] フォ オル ダ の 下 へ 、「LESSON32Scenel」 の シ 
ー ン ファ イル は |「Scene] フォ ル ダ ③ の 下 へ 移動 
し て くだ さい 。 


マヤ 7Favorites Assets F ScCene 
(OLAIl Materials 
(OLAII Models 
GLAll Prefahs 1 
「 | h、 1 
「LESSON32Scene」 の 


シー ン フ ァイル を 入れ る 


[LESSON32HUD」 の スク 
リブ ト フ ァイル を 入れ る 


今 図 5: フォ ル ダ 階 層 


を 作 [Play] ボタ ン を クリ ッ ク し て ( 図 6①) 実行 し て 、 動作 を 確認 し て くだ さい ②。 ボ タン を クリ ッ ク す る 
と 押さ れ た 状態 の 画像 に 置き 換わり 、 ス ライ ダー の コン トロ ー ラ ー や ツー ル バ ー を 動か すこ と が で き 


る た め 、 GUI ら し い 動 作 を し ます 。 ま た [Popup Windows] ボタ ン を クリ ッ ク す る と 、 ポ ッ プ アッ プ 
ダイ アロ グ が 表示 され ます 。 


oe II pie 。 。 LESSON32Scene.unity - 
⑨⑪ クリ ッ ク 
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全 図 6 : 実行 画面 


と ア 祖 参 GUI の 作り 方 講義 


GUI は スク リプ ト に 直接 座標 を 指定 し た ボタ ン や ラベ ル を 表示 する コー ド を 書い て 作成 し ます 。 

他 の 開発 ツー ル 、 た と えば Visual Studio や Xcode と いっ た 開発 ツー ル に は 高 機 能 な 画面 レイ アウ 
ト エ ディ タ が あり ます が 、 Unity に は その よう な 画面 を レイ アウ ト す る ツー ル は あり ませ ん (原稿 執筆 
時 点 で は Unity の バー ジョ ン は 4.0)。 

GUI を 構成 する 各 Widget は 画面 座標 の 左上 を 基点 に XY 座標 で 指定 を し ます ( 図 7)。 

描画 され た ボタ ン や ラベ ル は 常に 画面 に 表示 され る た め 、 GameObject の よう に 、 カメ ラ に 見 える 
よう に 位置 を 設定 する 必要 は あり ませ ん 。 

た だ し 、 ス クリ プ ト は GameObject に 設定 し て は じ め て 動作 し ます 。 そ の た め GameObject を 無 
効 に ける と スク リプ ト も 無効 に な る の で 、 作 成 し た ス 
クリ プ ト を GameObject に 設定 する 必要 が あり ます 。 

この LESSON の サン プル で は 、 カ メラ に GUI の スク 
リプ ト を 設定 し まし た 。 理由 と し て は 、 カ メラ は 常に 
画面 に 存在 する GameObject な の で GUI を 設定 する 40 
の に は 好都合 だ か ら で す 。 し か し 、 も っ と も よい 方 法 
は 、 空 の GameObject を 1 つ 作 成 し て 、 そ こ に 「GUI」 
と いう 名 前 や タグ を つけ て スク リプ ト を 設定 する こと  (o4so) 

で す 。 る A 図 7 : スク リー ン 座 標 


0,0) (640.0) 


する すず 


G 
U 
| 
' 
す 
る 
W 
d 
9 
ーー 
t 
を 
人 
a 


GUI と HUD 


ゲー ム で は ユー ザー イン ター フェ ー ス の こと を GUI と いう の で は な く 「HUD」 と いう こと が 多い よう で す 。 
HUD は Head-Up Display の 略 で 、 常 に 視界 に 入る よう に 設計 され た ディ スプ レイ の こと を 指し ます 。 ゲ ー ム 


は ユー ザー が も た ら す イベ ント で は な いと ころ で も 動作 し 、 常に 情報 が 変化 し つづ ける た め 、 それ ら を 総称 し て 
「HUD」 と 呼ん で いま す 。 し か し 本 書 で は ゲー ム 初 心 者 の 方 も 多い の で 馴染 みや すい GUI と いう 呼び 方 を し て 
いま す 。 


Unity の GUI は 毎 フ レー ム 指 画 さ れ て いる 

女 者 は Unity の 他 に も Windows や Android の アプ リ も 作成 し た こと 
も ある の で 、 それ と 比較 し て 気付 いた 点 を 紹介 し ます 。 

Unity 以 外 の アプ リ 開 発 で は 、 基本 的 に GUI の 描画 は シス テム が 管理 し 
て 、 再 描画 が 必要 で あれ ば その 都度 シス テム に よっ て 自動 で 描画 を 行い 
ます 。 そ の た め プ ログ ラム 側 で 必要 な の は 最初 の 画面 の 作成 お よび 配置 
と 、 ボタ ン や チェ ッ ク ボ ックス な ど を クリ ッ ク し た 時 に 必要 な 処理 を 実装 
する だ け で す 。 

一 方 Unity に よる 開発 の 場合 は 、 画面 サイ ズ が 変わ っ た 時 だ け 再 描画 を 
する と いう よう な が 高度 な 仕組 み は あ り ま せん 。 毎 フレ ー ム GUI の 描画 ル [ 

ー チ ン を 読み 出す 仕組 み に な っ て いま す 。 人 

図 8 は Unity が 呼び 出す 関数 の 順序 で す 。 こ の ルー プ は 毎回 Unity か ら 
GameObject に 設定 され て いる スク リプ ト へ 呼び 出し て いる 関数 の 順序 
と な り ま す 。 


OnGUl is called for rendering and handling GUI events. 
この 文言 は Unity の Script リ ファ レン ス の OnGUI の 箇所 に 記載 され て いる 内 容 で す 。 


直訳 する と 「OnGUI は レン ダリ ング と イベ ント ハン ドリ ング で 呼ば れ ま す 。」 と な り ま す 。 要 する に OnGUI は 
図 8 で は 1 回 し か 登場 し て いま せん が 、 イベ ント が 発生 する と 随時 呼ば れる の で 、 場合 に よっ て は 1 フレ ー ム に 2 
回 以上 呼ば れる こと が ある と いう 意味 に な り ま す 。 


Unity の GUI は OnGUI に 書く 必要 が ある 


GUI は スク リプ ト に OnGUI 関数 を 作成 し 、 その 中 で 実装 し な けれ ば な り ま せん 。 
この OnGUI は で # の 場合 、 次 の よう に 書き ます 。 


ャ C# に お ける OnGUI の 記述 の 仕方 
Vo1d OnGUI(){ 
// こ こ に GUI の プロ グラ ム を 書く 


OnGUI は 特別 な メソ ッ ド で これ か ら 紹 介する Widget な どの 宣言 は この 関数 の 中 で 実装 し な いと い 
け ま せん 。 そ れ 以 外 の メソ ッ ド (例え ば Start や Update な ど ) で 実装 する と エラ ー に な り ま す 。 
実際 に Button を 定義 し た 例 を 見 て み ま し ょ う 。 


cHAPTER08 GUI の ある Unity ア プリ を 作成 する 


マ Button を 定義 し た 例 

/ /Button 

if (GUT . Bu モモ on (new Rect(10, 60, 100, 30) , "This 1s Bu セ tton" ) ) { 
/ / こ こ に ボタ ン の イベ ント 処理 を 書く 


80 d ヨ 1LdVHO う 


} 


あま り 見 慣れ な い 記 述 方 法 か と 思い ます 。 読 者 の 方 で 、 そ の 理由 に 気づい た 人 も いる か も し れ ま せ 
ん 。 if の 宣言 で Button の 宣言 を し て いる の に 、 そ の if の 処理 の 中 で クリ ッ ク 時 の 実装 まで も し て いる 
点 が 異な り ま す 。 「 こ の 記述 方 法 で ある と 、 描 画 し て すぐ に 判定 し て 、 本 当 に if 文 の 中 の 処理 を 実行 す 
る こと が で きる の か 」 と 思う 方 も いる こと で し ょ う 。 実際 の と ころ 、 筆 者 は ここ で し ば らく 悩み まし 
た が 、 理解 し て し まえ ば 納得 で きる 部 分 だ と 思い ます 。 

し か し 、 実際 の と ころ 、 if 文 の 中 の 処理 つま り OnGUI は 、 毎 フレ ー ム (例え ば 60 分 の 1 秒 で 画面 が 
描画 され る よう な ゲー ム で は この 処理 は 1 秒 の 間 に 60 回 )、 こ の 処理 の 中 を と お る わけ で す 。 「 そ の う 
ちの どこ か で キー 人 入力 が 発生 し た 」 と 考え れ ば 、 辻 複 が 合う こと で し ょ う 。 

Unity の 内 部 で OnGUI 内 で 書か れ た 処理 は 前 後 の フ レー ム で 差異 が な けれ ば 再 描 画 を し な いと い 
っ た 最適 化 が 施さ れ て いる と 考え る の が 妥当 な と ころ で す 。 

この よう に 、 宣 言 と 処理 を 一 緒 に 記述 する 方 法 を | イミ ディ エイ トモ ー ド モデ ル 」 と 呼び 、 Unity の 
GUI の 基本 的 な 実装 方 法 と な っ て いま す 。 


Widget に つい て 
次 に Unity か ら 標 準 で 利用 する こと が で きる GUI の 部 品 、 つ まり Widget の 種類 と その 利用 方 法 に 
つい て 解説 し ます 。 


Button 

Button は 画面 に クリ ッ ク 可 能 な ボタ ン を 表示 し ます ( 図 9)。 マ ウス や 画面 タッ チ に よっ て ボタ ン が 
クリ ッ ク さ れる と 戻り 値 が True に な り ま す 。 ボ タン に は Normal (標準 の 状態 )、 Hover (マウ スカ ー 
ソル が 上 に ある 状態 )、Active (タッ チ し て いる 状態 )、Focused (フォ ー カ ス を 持っ て いる 状態 ) の 4 
つの 状態 が あり ます 。 戻り 値 の クリ ッ ク 判 定 は 、 ボ タン を クリ ッ ク し て 離し た 時 に True に な り ま す 。 


マ Button の 例 (戻り 値 の クリ ッ ク 判 定 ) 

/ /Button 

if (GUT . Bu 上 上 on (new Rect(30, 30, 100, 30) , "This 1s Bu て tton" ) ) { 
Debug.Log("Click Button!"); 


Ihis Is Button 


} 


念 図 9 : Button 


RepeatButton 
RepeatButton は 基本 的 に Button と 同じ で す 。 違う 点 は クリ ッ ク し て いる 間 、 常 に 戻り 値 が True 
に な る 点 で す 。 Button を 押し て いる 間 、 継続 的 に 処理 を する 場合 な ど に 使用 し ます ( 図 10)。 
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マ RepeatButton の 例 (Button を 押し て いる 間 、 継続 的 に 処理 を する ) 
//RepeatButton 


if (GUI. RepeatButton (new Rect(30, 30, 150, 30), "This | 
1S Repeat Button'")){ 


Debug.Log ("Click RepeatButton!"); 


This 5 Repeat Button 


念 図 10 : RepeatButton 


HorizontalSlider と VerticalSlider 

HorizontalSlider は 横 に スラ イド する バー で す ( 図 11)。 そ し て VerticalSlider は 縦 に スラ イド する 
バー で す 。 基 本 的 に これ ら の バー は 単体 で 使う の で は な く 、 他 の Widget と 組み 合わ せ て 使う こと が 
多い で す 。 

スラ イド する バー は 戻り 値 が Button の よう に クリ ッ ク の 有無 で は あり ませ ん 。 戻り 値 は 現在 の ス 
ライ ダー の 値 に な か っ て いま す 。 そ の た め ス ライ ド の コン トロ ー ラ ー を 動か し 、 値 が 変更 し た か どう か 
を 判断 する 場合 は 、 引 数 で 写 え て いる 初期 値 と 戻り 値 を 比較 し 判定 し ます 。 


マ HorizontalSlider と VerticalSlider の 例 
/ /Hor1izonta1S11der 


float hv = GUI.Horizonta1S11der(new Rect(30, 30, 100, 10) || 
, horizontalSliderValue, 0.0fF, 100.0f) / 


if(hv != horizonta1S11derValue) { 
hor1zonta1S11derVa1ue = hv; 


Debug.Log("horizontal slider! "+horizontalSliderValue) ; 


念 図 11: HorizontalSlider 


と VerticalSlider 
//VerticalSlider 


float vv = GUI.VerticalSlider(new Rect(30, 45, 10, 100), 上 新 | 
verticalSliderValue, 0.0f, 100.0f); 


if(vv != verticalSliderValue) { 
verticalSliderValue = vy; 


Debug.Log("vertical slider! "+verticalSliderValue) / 


変数 horizontalSliderValue、 verticalSliderValue に つい て 


ここ で 使用 し て いる 変数 horizontalSliderValue、 verticalSliderValue は スク リプ ト の 実行 中 ずっ と 値 を 保存 
し て お く た め に 、 メン ババ 変数 と し て 定義 する 必要 が あり ます 。 


Label 
Label は 文字 列 を 表示 する Widget で す ( 図 12)。 マ ウス な ご どの クリ ッ ク イ ベン ト を 必要 と し な い 単 
純 な 表示 に 使用 し ます 。 


〒 Label の 例 


/ /Labe1 Text 
GUI . Labe1 (new Rect(30, 30, 100, 30) , "This is Label") ; 


This SS Label 


念 図 12 : Label 


cHAPTERos GUI の ある Unity ア プリ を 作成 する 


TextField/TextArea 

TextField は 1 行 の 文字 列 を 編集 可能 な Widget で す 。 一 方 TextArea は 複数 行 の 文字 列 を 編集 可能 
な Widget で す 。 戻り 値 は どちら も 設定 され て いる 文字 列 な の で 、 変 更 を 検出 する 場合 は 初期 値 と 比 
較 し 判定 し ます ( 図 13)。 
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マ TextField と TextArea の 例 
//TextField 


string tf = GUI.TextField(new Rect(30, 30, 80, 30), 阿 | 
textFieldValue, 10); 


if(tf != textFieldValue){ 
textFieldValue = tf; 
Debug.Log ("textfield! "+textFieldValue) ; 


} 


念 図 13 : TextField と 
TextArea //TextArea 


string ta = GUI.TextArea(new Rect(30, 70, 80, 90), 帳 
textAreaValue) ; 


if(ta != textAreaValue) { 
textAreaValue = ta; 
Debug.Log ("textArea! "+textAreaValue) ; 


Toggle 

Toggdle は オン 、 オ フ の 状態 を 持つ Widget で す ( 図 14)。 | チェッ クボ ックス 」 と 言っ た ほう が わか 
りや すい か も し れ ま せん 。 戻 り 値 は チェ ッ ク 状 態 の オン 、 オ フ を ブー ル 型 で 返す の で 、 チ ェ ッ ク を 検 
出す る 場合 は 初期 値 と 比較 し 判定 し ます 。 


マ Toggle の 例 


//Togg1e 


boo1 b = GUI.Togg1e(new Rect(30, 30, 100, 30) , 円 
toggleState, "This is Toggle'"); 


if(b != toggleState) { 
念 図 14 : Toggle toggleState = b; 
Debug.Log (" toggle! "+toggleState) / 


This IS Toggle 


Toolbar 
Toolbar は 選択 式 の 複数 の ボタ ン で す ( 図 15)。 | ラジ オ ボ タ ン 」 と 言う と わか りや すい か も し れ ま 
せん 。 ボ タン は リス ト で いう と 第 2 引数 の 文字 列 の 配列 の 分 だ け 横 に 並べ て いき ます 。 そ し て 各 ボ タ 
ン の サイ ズ は 第 1 引数 で 指定 され た 大 き さ に 合う よう に 自動 で 均等 に ボタ ン の サイ ズ を 変更 し ます 。 
戻り 値 は 選択 され た イン デック ス (0 が 先頭 ) を 返し ます の で 、 選択 を 検出 する 場合 は 初期 値 と 比較 
し 、 判定 し ます 。 
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Toolbar1 loolbar? 


念 図 15 : Toolbar 


SelectionGrid 


Toolbar3 


マ Toolbar の 例 
//Too1ba ェ 


int tb = GUI.Too1bar (new Rect (30, 30, | 
240, 30) , toolbarValue, toolbarStrings); 


if(tb != too1barVa1ue) { 
toolbarValue = tb; 
Debug. Log (" toolbar! "+toolbarValue) ; 


SelectionGrid も Toolbar と 同様 に 選択 式 の 複数 の ボタ ン で す 。 Toolbar と 違う 点 は 折り 返し 地点 
を 設定 する こと で 複数 行 の 選択 ボタ ン を 作成 で きる 点 で す 。 

折り 返し 地点 は 1 か ら 始 まる イン デック ス で 指定 し ます 。 例 えば 2 番目 で 折り 返す 場合 は 、2 を 指定 
し ます 。 次 の リス ト で は 3 を 指定 し て いる の で 、3 個 並べ て 4 個 目 か ら は 下 の 段 に 表示 され ます ( 図 


16)。 


Grid 1 Grid 2 


Grid 4 Grid 5 


人 図 16 : SelectionGrid 


Box 


(GFTId 3 


Grid B 


マ SelectionGrid の 例 
//SelectionGrid 


int sg = GUI.SelectionGrid(new Rect(30, 30 | 
, 240, 80), selectionGridValue, | 
selStrings, 3); 


if(sg '!= selectionGridValue) { 
too1barValue = tb; 


Debug. Log (" selectionGrid! | 得 | 
"+selectionGridValue) ; 


} 


Box は 文字 列 を も っ た 乱 形 の 領域 を 表示 する Widget で す ( 図 17)。 Label と 似 て いる か も し れ ま せ 
ん が 、 こ ちら は 指定 され た Rect の 領域 が 大 きけ れ ば それ だ け の 領域 を 確保 し て 表示 し て くれ ます 。 


GUI の 背景 を 表示 する の に 向い て いま す 。 


Ihs Is GUI Sample 


念 図 17 : Box 


マ Box の 例 


//Box 


GUI .Box (new Rect(10, 10, 250, 250), "This | 
is GUI Sample'"); 


cHAPTER08 GUI の ある Unity ア プリ を 作成 する 


アノ テー ショ ン に つい て 
サン プル で は クラ ス 名 の 前 に [ExecutelInEditMode()] と いう アノ テー ショ ン を つけ て いま す 。 こ れ は 通常 スク 
リプ ト 内 で 書か れ た 処理 は スク リプ ト が 実行 され る まで 表示 を 確認 する こと が で き な い の で す が 、 


[ExecutelnEditMode()] を つけ る こと で 実行 し な く て も GUI が どの よう に 表示 され る の か を [Game] ビュ ー 
で 見 る こと が で きる オプ ショ ン で す 。 ス クリ プ ト 上 で は どの よう に 表示 され る の か 確認 で き な い の で 、 す ぐに 確 
認 で きる この オプ ショ ン は 便利 で す 。 
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グル ー プ に つい て 

実際 に GUI の スク リプ ト を 書い て みる と 、 「 こ れ は 大 変 だ ] と 感じ て いる 人 も 多い と 思い ます 。 実際 
筆者 自身 も 「 面 倒 だ な 」 と 感じ て いま す 。 特 に それ ぞ れ の Widget は 個別 に 座標 を 指定 し て いる た め 、 
新しく ボタ ン を 追加 する 、 表 示す る 位置 を 変更 する 場合 すべ て の Widget の 座標 を 計算 し 直す 必要 
が ある た め 、 非 常に 大 変 な 作業 に な る こと で し ょ う 。 実際 その 通り で 、 あ ら か じ め そ の よう な こと が 
起き な いよ う 、 紙 の 方 眼 紙 な ど に ラフ を 書い て 設計 図 を 作成 し 、 実装 し な けれ ば な り ま せん 。 

し か し 、 そ れ で も 変更 は つき も の で す 、 こ こ で は その 場合 に 少し で も 変更 が し や すい よう に グル ー 
プ を 作る 方 法 を 解説 し ます 。 

グル ー プ は Widget の 座標 の 基点 を スク リー ン 座 標 の 左上 「0. 0] か ら に する の で は な く 、 グル ー プ 
と し て 宣言 され た 乱 形 領域 内 を 基点 に する 方 法 で す 。 こ の 方 法 だ と グル ー プ を 移動 する と それ に 追従 
し て 内 部 の Widget の 位置 も 変わ る の で 座標 計算 の や り 直し が 減り ます 。 

実際 に グル ー プ の 実装 例 を 見 て み ま し ょ う 。 


マグ ルー プ の 実装 例 
GUI .BeginGroup (new Rect(255, 5, 200, 200))/ 

/ /Labe1 Text 

GUI.Label (new Rect(10, 10, 100, 30) , "This is Label") ; 
GUT .EndGroup() / 


グル ー プ の 宣言 は |「GUI.DeginGroup( グ ルー プ の 領域 : Rect) 」 か ら 「GUI.beginGroup0」 まで に 
書か れ た GUI が すべ て グル ー プ に 所 属し た Widget と し て みな され ます 。 

この LESSON の サン ブル で は グル ー プ と し て 基点 5 
を 「255, 5]、 大 き さ を |200, 200] と し て 宣言 し て い 0 (255, 5, 200, 200) a 
ます の で 、 こ の 範囲 に Widget が 配置 され ます 。 そ の [ 」 
た め グ ルー プ と し て 書か れ て いる Label は 左上 の 座標 
が 「10, 10] に な っ て いま す が 、 実際 に は グル ー プ の 
基点 |255, 5] に 定 さ れ ま す の で 「265, 15] の 位置 に 
描画 され ます ( 図 18)。 

この よう に 、 グ ルー プ の 座標 を 変更 する だ け で 所 属 
する Widget の 位置 が すべ て 変更 され る の で 、 座 標 の (9480) 
変更 の 作業 か ら 少 し は 解放 され る こと で し ょ う 。 る 図 18 : グル ー プ 


レイ アワ ト に つい て 
グル ー プ を 使う つこ と で ある 程度 座標 の 変更 は 効率 的 に 行う こと が で きま す が 、 そ れ で も 各 Widget 
の 位置 は 座標 を 指定 し な けれ ば な り ま せん 。 例え ば [確認] ダイ アロ グ の よう な 単純 な 画面 を 作る 場合 、 
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自動 で 配置 する よう な も の が ある と 便利 で す 。 こ の よう な 場合 、 GUILayout を 使う と 実現 で きま す 。 
GUILayout は 縦 あ る い は 横 に 順番 に 並べ る だ け で 配置 で きる の で 、[ 人 確認 ] ダイ アロ グ の よう な シ 

ンプ ル な レイ アウ ト の 作成 に 非常 に 便利 で す 。 次 の リス ト は この LESSON の サン プル で 使っ て いる 

GUILayout の 部 分 を ピック アッ プ し て 、 わか りや すく 整理 し た コー ド で す 。 


マサ ンプ ブル の GUILayout の 部 分 を わか りや すく 整理 し た コー ド 


GUILayout.BeginArea(new Rect(520, 30, 240, 470)); 
GUILayout.BeginVertical() ; 
/ /abe1 Text 
GUILayout.Label ("This 1s Labe1") 
GUILayout.BeginHorizontal() / 
/ /Button 
if (GUILayout.Button("This is But て on" ) ) { 
Debug.Log ("Click Button!『" ) / 
GUILayout .EndHorizontal () / 
GUILayout .EndVertical () ; 
GUILayout .EndArea () ; 


レイ アウ ト の 領域 を 宣言 

GUILayout に は 縦 方 向 の 自動 配置 と 横 方 向 の 自動 配置 が あめ り ま す が 、 ど ちら を 使う 場合 に も まず は 
レイ アウ ト の 領域 を 宣言 し な けれ ば な り ま せん 。 こ れ は GUlILayout.BeginArea を 使い ます 。 

この 宣言 に より GUILayout.BeginArea と GUILayout.EndArea の 間 に 宣 言 さ れ た Widget が 
GUILayout に 所 属す る こと に な り ま す 。 


レイ アウ ト の 向き の 設定 
次 に レイ アウ ト の 向き の 設定 は 、 縦 方 向 に 並べ る 場合 で あれ ば GUILayout.BeginVertical を 、 横 方 
向 に 並べ る 場合 で あれ ば GUILayout.BeginHorizontal を 使い ます 。 ど ちら も 対応 する End の 関数 が 
ある の で 、 その 間 に 宣 言 さ れ た Widget が 配置 の 向き に 影響 され ます 。 
GUILayout は 入れ 子 に も で きま す 。 そ の た め 少 し 複雑 な レイ アウ ト も 実現 で きま す 。 


GUILayout の 使用 に あたっ て の 注意 点 
次 に GUILayout を 使う 場合 、 注意 し な いと いけ な い 点 と し て GUILayout の 中 で 宣言 する Widget は 
専用 の Widget を 使う つこ と が あげ られ ます 。 理由 と し て 、 例 えば Button で いう と GUILayout.Button 
と な り ま すし 、 Label は GUILayout.Label に な り ま す 。 ご どれ も GUILayout.<Widget 名 > に な る の が 
特徴 で す 。 サ ンプ ル で は GUILayout を 使用 し た 例 と GUILayout を 使わ な い 例 を それ ぞ れ drawLayo 
ut、 drawGUI と いう 関数 で 実装 し て いま す の で 、 どの よう な 違い が ある の か を 見 比べ て くだ さい 。 
GUILayout 上 で 使用 する こと が で きる 特別 な Widget を 紹介 し ます 。 


Space 

Space は 任意 の 幅 、 高 さ の 余白 を 作る た め の 関 数 で す 。 Button や Label の 間 に 少 し 隙間 を 開け た い 
場合 に 使う と よい で す 。 余 白 を と る 方 向 が 縦 な の か 横 な の か は Layout で 指定 され る 向き に よっ て 異 
な り ま す ( 図 19)。 


cHAPTERos GUI の ある Unity ア プリ を 作成 する 


マ Space の 例 
This js Label1 GUILayout.BeginArea (new Rect (30, 30, 100, 100)) A 
GUILayout.BeginVertical () ; ー 
Ihis Is Label2 //Labe1 Text m 
GUILayout.Label ("This 1s Labell"); © 
//Space ” 
念 図 19 : Space GUILayout. Space (10) ; 


//Label Text 
GUILayout.Label ("This is Label2") ; 
GUILayout.EndVertical() / 
GUILayout.EndArea() ; 


FlexibleSpace 

FlexibleSpace は 自動 的 に 余白 を 作る た め の 関 数 で す 。 Button や Label の 間 に 設 定 す る と GUILayo 
ut.BeginArea で 宣言 され た 幅 、 ある い は 高 さ で 満た され る よう に 余白 を 作り ます ( 図 20)。 

[確認 ] ボタ ン や [キャ ン セ ル ] ボタ ン な ど 下 付き に する 場合 な ど に 使う と よい で す 。 


マ FlexibleSpace の 例 
This is Label1 GUILayout.BeginArea (new Rect(30, 30, 100, 100)); 
GUILayout.BeginVertical () ; 
/ /Labe1 Text 
GUILayout.Label ("This is Labe11") / 
//Space 
GUILayout.FlexibleSpace() / 
/ /Button 
念 図 20 : FlexibleSpace if (GUILayout.Button("This is Button' ) ) { 
Debug.Log("Click Button!") / 


Ihis j5 Button 


} 
GUILayout.EndVertical() / 
GUILayout.EndArea() ; 


ボ ポップアップ ウィ ジン ドウ に つい て 

最後 に ポッ プア ッ プ ウィ ンド ウ を 解説 し ます 。 ユーザー が 何 か の アク ショ ン を し た 時 に ポッ プア ッ 
プ 表 示す る ウィ ンド ウ を 作る 場合 、 Unity で は GUI.Window を 使い ます 。 GUI.Window を 使う と 簡単 
に 新しい ウィ ンド ウ を 表示 する こと が で きま すし 、 タ イト ル バ ー を クリ ッ ク し て ドラ ッ グ する こと で 
移動 する ダイ アロ グ を 作る こと も で きま す 。 

た だ し 、 前 述 で 明記 し た と お り Unity の GUI は 毎回 描画 を し て いま す の で 、 ポッ プア ッ プ ウィ ンド ウ 
の 表示 状態 も 自分 で 管理 し な いと いけ な い の で 注意 し て くだ さい 。 

次 の リス ト は CUI.Window の サン プル で す 。 


マ GUI.Window の サン プル 
using UnityEngine; 


using System.Collections; 


[ExecuteInEdi 上 Mode ( ) ] 


public class screenshot : MonoBehaV1our { 
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private bool visibleWindow = false; 


void OnGUT () { 
/ /PopupWindows 
if (GUT .Button (new Rect(30, 30, 120, 30) , "Popup Windows!" ) ) { 
visibleWindow = true; 


} 
if(visibleWindow) { 


windowRect = GUI.Window(0, new Rect(100, 100, 250, 100), 阿 
DoMyWindow, "Popup Window'"); 


} 


Vo1d DoMyWindow(int windowID) { 


/ /Labe1 Text 
GUI . abe1 (new Rect(60, 25, 240, 30) , "This 1s PopUp Window'"); 


/ /Button 
if (GU+T . Bu 上 on (new Rect(30, 60, 200, 30) , "Close'")){ 
1S1b1eW1ndow = false; 


GUT .DradW1ndow (new Rect(0, 0, 10000, 20)); 


GUI.DragWindow 関数 を 使う こと で Window に ドラ ッ グ 可能 な バー を つけ る こと が で きま す 。 
21 の ① の 部 分 が ドラ ッ グ で きる 領域 で す 。 ド ラッ グ に よっ て 移動 し た 新しい 座標 は GUI.Window の 
戻り 値 と し て 返っ て きま す の で 、 次 に 描画 する 際 移 動 し た 先 の 位置 に Window を 表示 する た め に 引数 
に Window の 位置 を も っ た メン バ 変 数 windowRect を 渡し て いま す 。 

GUI.Window は 実行 し て は じ め て 画面 に 描画 され る の で 、 ポ ボ ポップアップ ウ ィ ン ド ウ と し て 表示 し て 
た い 場 合 は 、 サ ンプ ル の よう に visibleWindow の よう な フラ グ を 用 いて 表示 を 管理 する 必要 が あり 
ます 。 


PopUD Vindowsi 


⑪① ドラ ッ グ で きる 領域 


Popup Window 


This IS PopUp Window 


Close 


今 図 21 : Window 


CHAPTER08 GUI の ある Unity ア プリ を 作成 する 


* Unity の GUI は 毎 フ レー ム 描 画 し 、 毎 フレ ー ム 入力 チェ ッ ク を 行っ て いま す 。 
| ・Unity の GUI は OnGUI の 中 で 書く 必要 が あり ます 。 

、 ・GUI を グル ー プ 化す る と GUI の 座標 系 を 別に 管理 で きま す 。 

・ レイ アウ ト を 使う こと ボタ ン な どの 配置 を 座標 指定 し な く て も 配置 で きま す 。 


80 d ヨ 1LdVHO 
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Garme Title 
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LESSON33HUD.cs、 start_active.png、 exit_hover.png、 exit_normal.png、 
start_active.png、 start_hover.png、 start_normal.png、 title.png、list33-2,3.txt 


SAMPLE 軸 LEssON33 参 庫 | before 少 


ボタ ン の 外観 を 変更 する 


メニ ュー か ら [File] > [New Projectl を 選択 し 
て 、「LESSON33] と いう 新しい プロ ジェ クト を 
作成 し ます 。 そ れ か ら 「Script] ① と 「Scene」 
② と Images] ③ と いう フォ ル ダ を 作成 し て く 
だ さい 。 


念 図 1 : 作成 し た フォ ル ダ 階 層 


CHAPTER08 GUI の ある Unity ア プリ を 作成 する 


修正 前 の スク リプ ト を イン ポー ト す る 

「before] フォ ル ダ に ある 「LESSON33HUD.cs| の スク リプ ト フ ァイル を 作成 し た Script に ドラ ッ グ 
& ドロ ッ プ し て 追加 し ます 。 追加 し た ら ス クリ プ ト を ダブ ルク リッ ク し て 、MonoEditor の 編集 画面 
を 開い て くだ さい 。 


80 d ヨ 1LdVHO う 


マリ スト 1 : LESSON33HUD.cs 

001 | using UnityEngine; 

002 using System.Collections; 
003 

004 | [ExecuteInEditMode()] 


005 public class lesson33 befor : MonoBehaviour { 


006 

007 void OnGUI(){ 

008 

009 GUILayout.BeginArea(new Rect(0, 0, Screen.width, Screen.height)); 
010 GUILayout.FlexibleSpace() / 

011 drawLayout() / 

012 GUILayout.FlexibleSpace() ; 

013 GUILayout.EndArea() ; 

014 } 

015 

016 void drawLayout(){ 

017 GUILayout.BeginVertical() ; 

018 GUILayout.BeginHorizontal () ; 
019 GUIlLayout.FlexibleSpace() ; 
020 GUILayout.Label ("Game Title'"); 
021 GUILayout.FlexibleSpace() / 
022 GUILayout.EndHorizontal() / 

023 GUILayout.BeginHorizontal () / 
024 GUILayout.FlexibleSpace() / 
025 GUILayout.Button("START") ; 
026 GUILayout.FlexibleSpace() / 
027 GUILayout.EndHorizontal() / 

028 GUILayout.BeginHorizontal () ; 
029 GUILayout.FlexibleSpace() / 
030 GUILayout.Button("EXIT") ; 
031 GUILayout.FlexibleSpace() / 
032 GUILayout.EndHorizontal() / 

033 GUILayout .EndVertical () ; 

034 } 


035 | } 
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GUIStyle の 変数 を 追加 


リス ト 1 に ボタ ン と ラベ ル に 設定 する GUIStyle の 変数 を 追加 し て くだ さい (リス ト 2)。 


マリ スト 2 : LESSON33HUD.cs 


001 
002 
003 
004 
005 
006 
007 
008 
009 
010 
011 


uS1n UnityEngine; 


using System.Collections; 


[ExecuteInEditMode()] 

public class LESSON33HUD : MonoBehaviour { 
public GUIStyle styleTitle; 
public GUIStyle styleStart; 
public GUIStyle styleExit; 


void OnGUI(){ 


GUIStyle を 各 Widget に 適用 する 


リス ト 2 に ボタ ン と ラベ ル に 設定 する GUIStyle の 変数 を 追加 し て くだ さい (リス ト 3)。 


マリ スト 3 : LESSON33HUD.cs 


001 
002 
003 
004 
005 


009 
010 
11 


017 
018 
019 
020 
021 
022 
023 
024 
025 
026 
027 
028 
029 
030 
031 
032 
033 
034 


using UnityEngine; 


using System.Collections; 


[ExecuteInEditMode()] 
public class LESSON33HUD : MonoBehaviour { 
(… 中 略 …) 


Vo1d OnGUI(){ 


(… 中 略 …) 
} 


void drawLayout(){ 
GUILayout.BeginVertical(); 
GUILayout.BeginHorizontal () ; 
GUILayout.FlexibleSpace() / 
GUILayout.Label("", styleTitle) / 
GUILayout.FlexibleSpace() / 
GUILayout .EndHorizontal () / 
GUILayout.BeginHorizontal () ; 
GUILayout.FlexibleSpace() ; 
GUILayout.Button("", styleStart) / 
GUILayout.FlexibleSpace() / 
GUILayout .EndHorizontal () ; 
GUILayout.BeginHorizontal () ; 
GUILayout.FlexibleSpace() / 
GUILayout.Button("", styleExit) / 
GUILayout.FlexibleSpace() ; 


| 
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035 GUILayout.EndHorizontal () ; ノー 
036 GUTLayout .EndVertioa1 () ; n 
037 } を 
コ 
038 |} 3 
に こ ) 

0 | 

< 
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設定 され た GUIStyle を 確認 

Unity の 画面 か ら 編 集 し た スク リプ ト を Main Camera に ドラ ッ グ & ドロ ッ プ で 追加 し て くだ さい ( 図 
2①)。 

[Hierarchy] ビュ ー の Main Camera を 選択 し て 、 [Inspector] ビュ ー を 見 る と 、 先程 追加 し た [LESSO 
N33HUD] が 表示 され て いま す ⑫。 


01 


@ Inspector 


02 


《 確認 


05 


06 


07 


人 図 2 : 変数 が プロ パテ ィ と し て 表示 され た Script 
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ボタ ン に 設定 する イメ ー ジ を プロ ジェ クト に 追加 する 


「before] フォ ル ダ か ら 図 3 の 7 つの PNG フ ァイル を ドラ ッ グ & ド ロッ プ で プロ ジェ クト の |Images」 


フォ ル ダ の 下 に 追加 し て くだ さい 。 


exit active.Dndg exit hover.png 


start_ hover.png start_ normal.png 


今 図 3 : 追加 する PNG ファ イル 


GUIStyle に テク スチ ャ を 設定 

追加 し た PNG ファ イル は テク スチ ャ と し て 
Unity で 管理 され て いま す 。 [Hierarchy] ビュ ー 
で Main Camera を 選択 し 、[inspector] ピュー 
で 「Style Title」 「Style Startl 「Style Exit] に お 
ける GUIStyle の Normal、 Hover、 Active、 Focu 
sed に Texture を 設定 し ます ( 図 4① て ⑤)。 
Focused は Hover の テク スチ ャ を 使っ て くだ さ 
い 。 な お Style Title の プロ パテ ィ は 、 Nomral、 
Hover、Active、Focused で 同じ 設定 (title) を 
し て くだ さい 。 


9 ほか も Style Start と 同じ よう に 設 


exit normal.png start active.Dn9 


Unity 入門 


チャ プター8 GUI に つい で 


title.png 


念 図 4 : Texture が 設定 され た GUIStyle 


cHAPTER08 GUI の ある Unity アプ リ を 作成 する 


画像 の サイ ズ を 設定 する 
お そら く こ こま で の 手順 だ け で は 画像 が 表示 さ 


れ て いな いと 思い ます 。 そ の 原因 は GUIStyle の 
デフ ォ ル ト の 画像 サイ ズ が 指定 され て いな いか 
ら で す 。 適 切な 画像 サイ ズ を 指定 し まし ょ う 。 

Style Title の Fixed Width を 「820] ( 図 5①)、 Fi 
exed Height を 「300] ② に 設定 し て くだ さい 。 
また Style Start と Style Exit で は 、 FixedWidth 
を 「192] に 、「FixedHeight を 「58」 に 設定 し て | FH 
くだ さい 。 念 図 5 : FixedWidth、 FixedHeight が 設定 され た GUIStyle 


の 
エエ 
> 
で 
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テク スチ ャ の 設定 を GUI に 変更 

も う 1 つ 設定 を し て お きま し ょ う 。 追加 し た テク スチ ャ は デフ ォ ル ト の 種別 が 「Texture] に な っ て い 
ます 。 GUI で 使う 場合 は タイ プ を 「GUI| に し て お いた ほう が 画像 の 劣化 が 少な く 見 栄え が よく な り ま 
す 。 [Project] ビュ ー か ら 追 加 し た Texture を 選択 し て ( 図 6①)、[Inspector] ビュ ー で Texture Type 
を GUI に し ②、 [Apply] ボタ ン を クリ ッ ク し て ぐ ③、 反映 し て くだ さい ④⑤。 


ID それ ぞ れ 選択 


_ 7Texture 2Ds Import Setting: 軌間 


R WE 


© クリ ッ ク = 


今 図 6 : Texture Type を GUI に 変更 


育 景 の 色 を 変更 する 
タイ トル に 合っ た 背景 の 色 に 変更 し ます 。 [Hierarchy] ビュ ー で 「Main Camera」 を 選択 し て ( 図 7①)、 


[Inspector] ビュ ー で Camera の Background の 色 を 変更 し ます ⑧②。 HSV モ ー ド に 切り 替え て HSV の 
値 を 10. 0. 240] に 変更 し て くだ さい ③。 


Hierarchy | 


今 図 7 : カメ ラ の 背景 色 を 変更 


シー ン を 保存 する 
現在 の シー ン を 「LESSON33Scene.unity」 と いう 名 前 で |Scene] フォ ル ダ の 下 に 保存 し て くだ さい 。 


アプ リ を 実行 する 


[Play] ボタ ン を クリ ッ ク し て 実行 し て み ま し ょ う ( 図 8①)。 画面 に Unity 入 門 と いう タイ トル の 文字 
と Start と Exit の ボタン が 表示 され ます (②⑫。 


各 ボ タン に は まだ 処理 を 書い て いな い の で 動作 は し ませ ん 。 


nl yy 和信 


念 図 8 : 実行 画面 
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33-2 4283 沿 の EE 講義 


GUIStyle を 使う と Widget の 外観 を 変更 で きま す 

Widget を その まま 使う と 標準 で は 少し 半 透 明 で グレ ー の Widget に な る と 思い ます 。 こ れ は 、 すっ 
さり し て よい 点 も ある の で す が ゲ ー ム で 使う こと を 考え る と ツー ル の ボタ ン の よう な 雰囲気 に な る と 
思い ます 。 こ の よう な 場合 、 少 し 考え る と 画像 を 設定 し た ポリ ゴン を 画面 に お いて 目前 で ボタ ン を 作 
る 方 法 も 考え られ る の で す が 、 少々 手間 が か か り そ う で す 。 

Unity で は Widget の 機能 よそ の まま に 外観 だ け を 簡単 に 変え る 方 法 と し て 「GUIStyle] と いう 仕 
組み を 使い ます 。 GUIStyle は Button や Label な ど を 宣言 する 際 に 引数 と し て 設定 する こと で 使用 で 
きま す 。 GUIStyle 自体 は 、 プロ グラ ム 中 で 動 的 に 生成 し て 設定 する こと も 可能 で す が 、 Unity 上 か ら 直 
接 ス タイ ル の 値 を 編集 で きる よう に 、 Public な メン 人 バ 変数 と し て スク リプ ト に 持た せ て お く と よい で 
し よう 。 

次 の リス ト は 実習 の リス ト 3 で Button に GUIStyle を 設定 し て いる コー ド で す 。 引数 の styleStart 
が カス タマ イズ され た GUIStyle で す 。 


の 
= に 
Pp 
で 
ご 
『T1 
つ 
© 
Go 


028 | GUILayout.Button("", styleStart) / 


サン プル で は styleStart に Normal (通常 の 状態 )、Active (クリ ッ ク し た 状態 )、Focused と Hover ( マ 
ウス カー ソル が 重なっ た 状態 ) の 3 種類 の 状態 で テク スチ ャ を 設定 し て いま す 。 


スタ イル に つい て 
GUIStyle は マウ ス や クリ ッ ク に 対応 し た テク スチ ャ の 変更 の 他 に も 変更 で きる プロ パテ ィ が いく つ 
も あり ます 。 そ の 中 か ら よ く 使 つっ も の は 表 1 の と お り で す 。 


マ 表 1 : GUIStyle の プロ バテ ィ 


Name GUIStyle 設 定 で きる 任意 の 名 前 

Normal 通常 の 状態 に お ける 背景 画像 と テキ スト の 色 

Hover マウ ス が Widget の 上 に ある 時 の 背景 画像 と テキ スト の 色 

Active マウ ス が Widget を クリ ッ ク し て いる 時 の 背景 画像 と テキ スト の 色 
Focused フォ ー カ ス が Widget に ある 時 の 背景 画像 と テキ スト の 色 

Border Widget の 境界 線 の 幅 (ピク セル ) 

Padding Widget の 端 か ら 中 の 文字 列 な どの コン テン ツ ま で の 空白 (ピク セル ) 
Margin 他 の Widget と の 間 に 作 る 距離 (ビク セル ) 

Overflow 育 景 画像 に 追加 する 示 分 な スペ ー ス (ビク セル ) 


Font フォ ント の 種類 
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A Gn 


Image Position 


Alignment 


Word Wrap 


Text Clipping 


Content Offset 
Fixed Width 
Fiexed Height 
Font Size 

Font Style 
Stretch Width 
Stretch Height 


説明 
育 景 画像 の 配置 方 法 
Image Left 育 景 画像 を 左寄せ 
Image Above 育 景 画像 を 上 付き 
Image Only 育 景 画像 だ け 表示 
Text Only テキ スト だ け 表 示 
テキ スト の 整列 方 法 
Upper Left テキ スト を 左上 に 配置 
Upper Center テキ スト を 中 央 上 に 配置 
Upper Right テキ スト を 右上 に 配置 
Middle Left テキ スト を 中 央 左 に 配置 
Middle Center テキ スト を 中 央 に 配置 
Middle Right テキ スト を 中 央 右 に 配置 
Lower Left テキ スト を 下 左 に 配置 
Lower Center テキ スト を 下 中 央 に 配置 
Lower Right テキ スト を 下 右 に 配置 


チェ ッ ク を On に する と テキ スト が 長い 場合 に 回 り 込 み を 行う 
Word Wrap が On の 時 に 、 回 り 込 み を し て も 文字 が 溢れ た 時 の 処理 
Clip は み 出 た 部 分 を 消す 
Overflow は み 出 た 部 分 も 表示 する 
テキ スト の オフ セッ ト (ピク セル ) 

Rect を 無視 し て 設定 する Widget の 幅 

Rect を 無視 し て 設定 する Widget の 高 さ 

フォ ント の 大 き さ 

フォ ント の スタ イル 

True の 場合 水平 方 向 に 伸縮 可能 に な る 

True の 場合 垂直 方 向 に 伸縮 可能 に な る 


サン プル で は Normal、 Hover、Focused、 Active の それ ぞ れ の テク スチ ャ を 変更 し 、FixedWidth,Fi 
xedHeight を 変更 し て いま す 。 

FixedWidth、 FixedHeight を 変更 する 理由 は 、 サン プル で は GUILayout.FlexibleSpace を 使う こと 
で Button な どの サイ ズ が 自動 的 に 調整 され て し まう た め 、 強制 的 に 幅 を 固定 する た めで す 。 


* ボタン や ラベ ル に は スタ イル を 設定 する こと で 、 Unity 上 か ら 外 観 を 変更 で きま す 。 
スタ イル に は クリ ッ ク や マウ ス オ ー バ ー な どの 状態 に 応じ た 画像 を 設定 で きま す 。 
テク スチ ャ の 設定 は 初期 の 状態 で は 画像 が 粗い の で 、 設 定 で GUI 用 に 変更 し ます 。 


34-1 職 日 本 語 と 英語 の スタ イル を 作成 する 


an 1 ー 呈 a 
So だ = に = 
" ーー ーー 


メニ ュー か ら [File] > [New Project] を 選択 し て 、「LESSON34] と いう 新しい プロ ジェ クト を 作成 
し ます 。 そ れ か ら 「Scriptl ( 図 ①) 「Scenel ② 「Images」 ③ 「Skin] ④ と いう 4 つの フォ ル ダ を 作成 
し て くだ さい 。 


今 図 1 : 作成 し た フォ ル ダ 階 層 


[Images」 フォ ル ダ の 下 に ( 図 2①)、 pl」 と 「us」 
と いう フォ ル ダ を 作成 し て くだ さい ⑧⑨③。 


全 図 2 : jp と us フォ ル ダ を 作成 


手順 2 で 作成 し た フォ ル ダ の うち 、「us」 は 英語 用 の テク スチ ャ を 置く フォ ル ダ で す 。 「before」 っ 「us」 
フォ ル ダ か ら フ ァイル を 選択 し て 「us] フォ オル ダ の 下 に ドラ ッ グ &S ドロ ッ プ し て くだ さい 、。 

同様 に jp に は 日 本 語 用 の テク スチ ャ を 「before」 一 jp] フォ ル ダ か ら ド ラッ グ S ドロ ッ プ し て くだ 
さい 。 追加 する と 図 3①② の よう に な り ま す 。 な お [Inspector] ビュ ー で 各 画 像 の Texture Style を 


[GUI に 変更 し て お いて くだ さい 。 


ml 


1 


念 図 3: 日 本 語 用 の 画像 と 英語 用 の 画像 を 追加 
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[Project] ビュ ー か ら 「Skin] フォ ル ダ を 選択 し 
て 、 [Create] メニ ュー か ら [GUISkin] を 選択 し 、 
GUISkin を 生成 し て くだ さい 。 生成 され た Skin 
の ファ イル 名 は 「GUISkin_jp] に し て くだ さい al 
( 図 4①②)。 すず = 

「 | 


Assets F Skin 


@ 確認 


= Skin ' クリ ッ ク 


人 る 図 4 : GUISkin_jp を 生成 


作成 し た 「GUISkin_jp」 を 選択 し ( 図 5①)、[Inspector] ビ ピュー から 「Custom Styles] を 選択 し て く 
だ さい ⑧。 デ フォ ルト で Size が 1 に な っ て いる は ず で す 。 こ の 数 字 を 3 に し て Custom Styles を 増 や 
し て くだ さい ③。 そ れ か ら Custom Styles に は Name と いう プロ パテ ィ が あり ます の で 、 そ れ ぞ れ 
[title style」 「start style」 「exit style」 ( 図 で は 割愛 ) と いう 名 前 を つけ て くだ さい ④。 


今 図 5 : カス タム スタ イル を 作成 


し fs jg に し キーー ザ 一 fe FE 9 = 


手順 3 で 追加 し た 画像 の うち jp] フォ ル ダ の 下 に 追加 し た 画像 を LESSON 33 の 手順 7 を 参考 に 
「GUISkin_jp] の 各 カ スタ ム ス タ イ ル に 設定 し て くだ さい ( 図 6①②④③)。 


今 図 6 : カス タム スタ イル に テク スチ ャ を 設定 


手順 4 か ら 6 ま で を 参考 に し て 、 今 度 は 英語 版 の GUISkin を 作成 し て くだ さい 。 GUISkin の 名 前 は 
[GUISkin_us] と し て 、 画像 は 手順 2 で 「us] フォ ル ダ の 下 に 追加 し た 画像 を 使い ます ( 図 7①⑨⑧⑨③⑬)。 


人 英語 の GUISkin も 同様 に 作成 する 


@ Inspector 


Custom Styles 


” Skin 


念 図 7 : 英語 版 の GUISkin 


udit>JANMI は オー ロ S _ Ca 


GUISkin を 切り 替え る プロ グラ ム を 実装 する 

「before] フォ ル ダ の LESSON34HUD.cs を [Project] ビ ピュー の [Script] フォ ル ダ の 下 に ドラ ッ グ & 
ドロ ッ プ し て 追加 し て くだ さい 。 

追加 し た ら ス クリ プ ト を ダブ ルク リッ ク し て 、 編 集 画 面 (MonoEditor) を 開き ざ 、 リ スト 1 の よう に 修 
正 し て くだ さい 。 
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ャ リス ト 1 : LESSON34HUD.cs 

001 using UnityEngine; 

002 | using System.Collections; 

003 

004 | [ExecuteInEdi tMode()] 

005 | public class LESSON34HUD : MonoBehaviour { 
006 public GUISkin jpSkin; 

007 public GUISkin usSKin; 


008 private int lngValue=0; 

009 private string[] lngStrings = { 
010 "Japanese", "English"}; 

011 


012 void OnGUI(){ 

013 lngValue = GUI.Toolbar (new Rect (Screen.width-230, 30, 200, 30), 
014 lngValue, 1ngStringS) ; 

015 

016 if (lngValue == 0){ 

017 GUI.skin = jpSkin; 


018 } 

019 elset{ 

020 GUI.skin = usSKin; 
021 . 
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cHAPTER08 GUI の ある Unity アプ リ を 作成 する 


030 Vo1d drawLayout() { 

031 GUILayout.BeginVertical () / 中 
032 GUILayout.BeginHorizontal () / も 
033 GUILayout.FlexibleSpace() / 
034 GUILayout.Label("", "title style"); ら 
035 GUILayout.FlexibleSpace() / 

036 GUILayout.EndHorizontal () / 

037 GUILayout.BeginHorizontal () / 

038 GUILayout.FlexibleSpace() / 

039 GUILayout.Button("", "start style"); 

040 GUILayout.FlexibleSpace() / 

041 GUILayout.EndHorizontal() / 

042 GUILayout.BeginHorizontal () ; 

043 GUILayout.FlexibleSpace() / 

044 GUILayout.Button("", "exit style'"); 

045 GUILayout.FlexibleSpace() / 

046 GUILayout.EndHorizontal() ; 

047 GUILayout .EndVertical() / 

048 } 

049 | } 


編集 し た スク リプ ト を カメ ラ に 設定 する 
「 編 集 し た LESSON34HUD スク リプ ト を [Hierarchy] ビュ ー の Main Camera に ドラ ッ グ & ド ロッ プ 
し て 追加 し ます 。 


スク リプ ト の GUISkin に カス タム スキ ン を 設定 する 

[Hierarchy] ビュ ー で Main Camera を 選択 し 、[Inspector] ビュ ー を 見 る と LESSON34HUD ス クリ 
プ ト で 追加 し た GUISkin の 変数 |Jp Skin] と 「Us Skin] が ある は ず で す ( 図 8)。 そ れ ぞ れ 作 成 し た カ 
スタ ム ス キ ン を 設定 し て くだ さい ①⑧⑬(④。 


画 Project 


LIStatic マ 


の 設 だ 


カメ ラ の 背景 も LESSON 33 の 手順 7 ~ 9 を 参考 に 変更 し て みて くだ さい 。 
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シー ン を 保存 する 
現在 の シー ン を 「LESSON34Scene.unity] と いう 名 前 で 「Scene] フォ ル ダ の 下 に 保存 し て くだ さい 。 


アプ リ を 実行 する 
[Play] ボタ ン を クリ ッ ク し て 実行 し て くだ さい 。 右 上 の apanese] ボタ ン を クリ ッ ク す る と 画面 が 
日 本 語 表示 に 切り 替わり ( 図 9)、 [English] ボタ ン を クリ ッ ク す る と 英語 表示 に 切り 替わり ます 。 


全 図 9 : 実行 画面 


34-2 4C19」 に 】4|nl [ap の KG 


GUISkin は 複数 の GUIStyle を も っ た コレ クシ ョ ン で す 。 デ フォ ルト と し て いく つか の Widget の 
GUIStyle を も っ て いる の で 、 これ を 拡張 する こと が で きま す 。 
デフ ォ ル ト で も っ て いる GUIStyle は 表 1 の と お り で す 。 


る 表 1 : GUISkin の コレ クシ ョ ン 


Font 全体 に 適用 する フォ ント の 種類 

Button Button の スタ イル 

Label Label の スタ イル 

Text Area Text Area の スタ イル 

Horizontal Slider Horizontal Slider の スタ イル 

Horizontal SliderThumb Horizontal Slider の コン トロ ー ラ ー の スタ イル 


cHAPTER08 GUI の ある Unity ア プリ を 作成 する 


Vertical Slider Vertical Slider の スタ イル 
Vertical Slider Thumb Vertical Slider の コン トロ ー ラ ー の スタ イル 
Horizontal Scrollbar Horizontal Scrollbar の スタ イル 
Horizontal Scrollbar Thumb _ Horizontal Scrollbar の コン トロ ー ラ ー の スタ イル 
Horizontal Scrollbar Left Button Horizontal Scrollbar の 左 ボ タン の スタ イル 
Horizontal Scrollbar Right Button _Horizontal Scrollbar の 右 ボ タン の スタ イル 
Vertical Scrollbar Vertical Scrollbar の スタ イル 
Vertical Scrollbar Thumb Vertical Scrollbar の コン トロ ー ラ ー の スタ イル 
Vertical Scrollbar Up Button Vertical Scrollbar の 上 ボタ ン の スタ イル 
Vertical Scrollbar Down Button Vertical Scrollbar の 下 ボ タン の スタ イル 
Scroll View ScrolIView の スタ イル 


この 他 、 特定 の Widget の み 設 定 を 変更 し た い 場 合 は Custom Styles を 使う こと が で きま す 。 

Custom Style は デフ ォ ル ト で は 1 つ し か あり ませ ん が 、 も っ と 必要 な 場合 は Custom Style の Size 
を 変更 する こと で 増やす こと が で きま す 。 

し か し 、 作 成 し た Custom Style を スク リプ ト か ら 使 用 する に は この まま で は で きま せん 。 ま ず は 
作っ た Custom Style に 名 前 を 設定 し て お か な けれ ば な ら な いか ら で す 。 名 前 を 設定 し た ら ス クリ プ 
ト 上 で 名 前 か ら CustomStyle を 利用 する こと が で きま す 。 


マ GUISkin を 適用 し た Widget 
GUILayout.Label("", "title style") / 
GUILayout .Button("", "start style'"); 
GUILayout.Button("", "exit style"); 


GUISkin を 使っ た ロー カラ イズ 

Unity に は 標準 で ロー カラ イズ ( 多 言語 対応 ) を する 機能 が あり ませ ん 。 そ の た め 一 般 的 な 手法 と し 
て プロ グラ ム に て 実行 環境 の 言語 種別 を 取得 し 、 それ に 応じ て スタ イル を 変更 する こと に な り ま す 。 

この LESSON で は あら か じ め 作 成 済 み の ス タイ ル を プロ グラ ム か ら 切 り 替え る こと で ロー カラ イズ 
へ の 対応 を 行い まし た 。 

た だ し 、 サ ンプ ル で は Skin を 名 前 で 指定 する 方 法 を 手順 と し て 加え る た め に 、 ボ タン ご と に 
GUISkin を 設定 し て いま す が 、 以下 の リス ト の よう に Application.systemLanguage 変 数 の 値 を 見 て 
アプ リ 全 体 の スキ ン を 変更 する と さら に よい で し ょ う 。 


ママ アプリ 全体 の スキ ン を 変更 


if (Application.systemLanguage ニニ SystemLanguage.Japanese) { 
GUI.skin = JpSkin; 


} 
elsef{ 

GUI.skin = usSkin; 
} 
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日 本 語 フ ォ ン ト に つい て 

この LESSON で は ロー カラ イズ の 方 法 と し て 日 本 語 の 画像 と 英語 の 画像 を 準備 し GUISkin を 用 いて 
切り 替え る 方 法 を 採用 し て いま す 。 

た だ し 、 メ ッ セ ー ジ ダイ アロ グ な どの よう に 文字 を 多用 する よう な 場面 で は 画像 を いち いち 準備 す 
る の は 手間 が か か り ま す 。 こ の よう な 場合 は 文字 列 を 日 本 語 に 切り 替え て 表示 し た く な る で し ょ う 。 
し か し ここ に は いく つか 問題 が あり ます 。 

まず 1 つ 目 は 、 Unity に 付属 し て いる MonoDevelop で は 日 本 語 を 入力 する こと が で き な い こと で 
す 。 IME を 日 本 語 に し て 入力 し よう と し て も 入力 で き な い の で す 、 そ の た め 別 途 日 本 語 を 打ち 込ん で 
それ を コピ ー& ペ ー ス ト で 貼り 付け る こと に な り ま す 。 も し く は 別 の エディ タ で 直接 編集 を する 必要 
が あり ます 。 こ こ で 実際 に 行っ た 方 で われ ば 気づく と 思い ます が 、 ペ ー ス ト を し た 、 あ る い は 編集 し 
た テキ スト ファ イル が MonoDevelop 上 で 文字 化け を し て し まう の で は な いで し ょ うか ? 

その 理由 は MonoDevelp の 標準 の フォ ント が 日 本 語 に な っ て いな いか ら で す 。 そ こ で 、 ま すず 
MonoDevelop を 日 本 語 対 応 に する 必要 が あり ます 。 

次 の パス に ある ファ イル を テキ スト エディ タ で 開い て くだ さい (実際 に は 「Applications」 っ 
[MonoDevelop」 を 右 ク リッ ク し て 「Contents] フォ ル ダ を 開く 必要 が あり ます )。 


マ gtkrc の バス 


/App11cations/Unity/MonoDeve1 op . app/Contents/Frameworks/Mono . Framework/ [ 相 | 
Versions/2.10.2/etc/gtk-2.0/gtkrc 


gtkrc の パス の 参照 先 


本 書 の 原稿 執筆 時 点 に お ける Unity の バー ジョ ン は 4.0 で す 。 4.0 以 降 の 新しい バー ジョ ン で は 、 gtkrc の パス の 
位置 が 変わ る 場合 が あり ます 。 そ の 場合 、 2.10.2 の バー ジョ ン の 部 分 を 変え て みて くだ さい 。 


開い た gtkrc ファ イル か ら 次 の 文字 列 が ある 箇所 を 探し て くだ さい 。 


マ font の 位置 


font = "Lucida Grande 14" 


gtkrc ファ イル が 見 つか っ た ら 、 その 箇所 を 次 の よう に 編集 し て 、 保存 し て くだ さい 。 


マ font_name を 追加 
tont = "Lucida Grande 14" 


font name ="Hiragino Kaku Gothic Pro 10" 


MonoDevelop を 再起 動 し て 、 メ ニュ ー が か ら [MonoDevelop - Unity] > [Preference] を 選択 し 
て 、 設 定 画面 を 開き ます 。 左 の 設定 メニ ュー か ら [ビジ ュ ア ルス タイ ル ] を 選択 し て ( 図 10①)、 ユ ー 
ザー イン ター フェ ー ス 言語 を [日 本 語 ] に ②、 パ ッ ド 用 フォ ント と 出力 パッ ド 用 カス タム フォ ント に チ 
ェ ッ ク を 入れ て ③、 それ ぞ れ [Hiragino Kaku Gothic ProN W3 12] に 設定 し て くだ さい ④。 

左 の 設定 メニ ュー か ら 「Fonts] を 選択 し ( 図 11①)、 各 項 目 の フ ォ ン ト を [Osaka] に 変更 し て くだ 
さい ②。 


cHAPTER08 GUI の ある Unity ア プリ を 作成 する 


リッ ク 


テキ スト エディ タ Osaka 12 
Message bubbles Osaka 12 
Editor 


tooitps Osska 12 


テキ スト エディ タ Osaka 12 
Message bubbles Osaka 12 


Editor tooltips Osaka 12 
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今 図 10 : ビジ ュ ア ルス タイ ル の 変更 念 図 11 : フォ ント を 変更 


この あと MonoDevelop を 再起 動 す る と 、 エ ディ タ 上 で 日 本 語 を 表示 する こと が 可能 に な り ま す 
(場合 に よっ て は メニ ュー 上 自体 が 文字 化け する ケー ス が あり ます )。 

残念 な が ら こ こま で し て も MonoDevelop 上 で は IME の 変更 が 効か な い の で 直接 日 本 語 を 入力 す 
る こと が で きま せん 。 コ ピー& ペー スト ある い は 外部 エディ タ で 編集 する 必要 が あり ます 。 

ここ まで 設定 し て 「 よ う や く 日 本 語 が 表示 で きる 」 EE RT 


示さ れ ま す 。 


日 本 語 を 表示 する スク リプ ト 
GUI .Label (new Rect(30, 30, 200, 60) , "こん に ち は ") ; 


文字 化け する 理由 は スク リプ ト フ ァイル が 「UTF-16」 で 保存 され て いな いか ら で す 。 

Unity で は 2 バイ ト の 文字 列 を 扱う 場合 は 、 TUTF-16] に し な いと 文字 化け し て し まい ます 。 そ の た 
め 文 字 コ ー ド を 変更 で きる エディ タ を 使っ て 、 一 旦 フ ァイル を 「UTF-16」 で 保存 し 直す 必要 が あり ま 
す 。 

ここ で は 具体 的 な エディ タ の 紹介 は し ませ ん が 、 イ ンタ ーネット 上 で 「mac 日 本 語 エ ディ タ 」 と 入 
力 し て 検索 する と 、 フリ ー で 利用 で きる エディ タ が いく つか 見 つか る と 思い ます 。 


MonoDevelop の 文字 


Windows 版 の Unity に 付属 する MonoDevelop は 、 デ フォ ルト で 日 本 語 入力 が 可能 に な っ て いま す 。 し か し 
UTF-16 で 保存 し な いと 文字 化け する 問題 は 共通 で す 。 


* GUISkin を 使う と 複数 の スタ イル を 1 つの グル ー プ と し て 定義 で きま す 。 
* GUI の Skin に GUISkin を 設定 する と 全体 を 変更 で きま す 。 
・ MonoDevelop は デフ ォ ル ト で 日 本 語 入 力 が で き な い の で 、 設定 で 変更 する 必要 が あり ます 。 


327 


® あら か じ め カ メラ と ライ ト の 設定 と 画像 ファ イ 


ル や スク リプ ト を 含め た パッ ケー ジ を 準備 し て 
あり ます の で イン ポー ト し て くだ さい 。 

メニ ュー か ら [Assets] — [Import Package] > 
[Custom Package] を 選択 し て 、「before] フォ 
ル ダ か ら LESSON35.unitypackage を 選択 し て 、 
[QPENI ポ ボタン を クリ ッ ク し て くだ さい 。 する 
と 確認 画面 が 表示 され ます の で 、[Import] ボタ 
ン を クリ ッ ク し て くだ さい 。 図 1 の よう に 雛形 
の ファ イル が 追加 され ます 。 


IScenel] フォ ル ダ か ら 「LESSON35Scene」 を 
開い て くだ さい )。 


今 図 1 : 雛形 の ファ イル が 追加 され る 


ーー ェ だ * 戸 用 - 
| プ びり) 内 くく 1Sj る 
F 4 i TI 一 中 * ーー メ だ 』 ご 4 tg 


今度 は 4 頂点 の ポリ ゴン の プレ ハブ を イン ポー 
ド し ます 。 メニ ョ ー が から [ASsetsl 一 LSGK 
Package] 一 [Custom Package] を 選択 し て 、 
[before] フォ ル ダ か ら の SimplePlane.unitypa 
ckage を 選択 し て 、[OPEN] ボタ ン を クリ ッ ク 


し て くだ さい 、。 確認 画面 で Import] ボタ ン を Tv SimplePlane 確認 
ダリ ゅ ツク しま び 。 図 2 の よう に SimplePlane が 
追加 され ます 。 今 図 2 : SimplePlane が 追加 れる 


he mp 


SimplePlane を 追加 する 

手順 3 で 追加 し た |SimplePlane] フォ ル ダ の 中 に SimplePlane の プレ ハブ が ある の で それ を 
[Hierarchy] ビュ ー に ドラ ッ グ S&S ドロップ し て 追加 し て くだ さい ( 図 3①)。 追加 し た SimplePlane を 
選択 し て 、[Inspectorl ビュ ー で Transform の Position を 「0, 0, 0]、Rotation を 「90, 180, 0]、 
Scale を 「1, 1, 1] に 設定 し て くだ さい ②。 


信 図 3 : SimplePlane の 追加 


mm fs = | = = = | | 
ーー ンー 家 j i dy foc he PSPS っ 4 
y ダ 2 ず ず プ pm | elt 


PS の 
= FF il 
Fs 


sm am 
fy し 
エー go 3 デ 
CXAECSYS < 


で 


aa NN 介 ai 
ーー og 4 III 


アニ メー ショ ン に 使う テク スチ ャ を |SimplePlane」 に 設定 し ます 。 [Project] ビ ピュー の |lImage」 フ 
ォ ル ダ に ある normal を ドラ ッ グ & ドロ ッ プ し て [Hierarchy] ビュ ー の SimplePlane に 設定 し て くだ 
さい ( 図 4①)。 そし て 設定 し た テク スチ ャ の Shader を [Unlit/Transparent] に 設定 し て くだ さい ②③。 


ス 
プ 
フ 
ィ 
ト 
を 
使 
っ 


= Hierarchy 


(All Madels 
GLAll Prefabs 
(OAll Scripts 


= mages ⑩ ドラ ッ グ & ド ロッ プ 
罰 Scene 
庫 Script 
〒 調 SimplePlane 
Materials 


今 図 4 : テク スチ ャ の Shader を Unlit/Transparent に 設定 


画像 を 切り 替え る スク リプ ト を 設定 する 

テク スチ ャ を アニ メー ショ ン の よう に 動か す ス クリ プ ト を 設定 し ます 。 | Scripts| フォ ル ダ に ある 
AnimeController を SimplePlane に ドラ ッ グ S&S ドロ ッ プ し て 設定 し て くだ さい ( 図 5①)。 [Hierarchyj 
ビュ ー で SimplePlane を 選択 し て 、[Inspector] ビュ ー の Width を 0.25 に 設定 し 、 Height を 1 に 設定 
し ます ②。 AnimeFrams と いう プロ パテ ィ は Size を 10 す る と 項目 が 増え る の で それ ぞ れ の 項目 を 表 1 
を 参考 に 設定 し て くだ さい ③。 図 5 は 設定 され た 状態 で す 。 


マ 表 1 : AnimeFrams ーー 


Timind 500 
X 0 0.25 0.5 0 0.75 0.5 | 0 0.25 0.5 0 
0 0 0 0 0 0 0 0 0 0 


: 

SIIT ロ lePIane 
今 図 5 : SimplePlane に スク リプ ト を 追加 
メッ セー ジ を 表示 する Script を 追加 する 
フォ トイ ー タ ー の メッ セー ジ を 表示 する コン ソー ル の スク リプ ト を Camera に 設定 し ます 。 「Scripts」 
フォ ル ダ の MessageConsole を Main Camera に ドラ ッ グ S&S ドロ ッ プ し て 追加 し て くだ さい ( 図 6)。 

了 ム 
ドラ ッ ツ SF ドロップ 

— Script 
今 図 6 : MessageConsole の スク リプ ト を 追加 
ws "CARTS *o 
現在 の シー ン を 「Lesson35Scene.unity]」 と いう 名 前 で 「Scene] フォ ル ダ の 下 に 保存 し て くだ さい 。 
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アブ プリ を 実行 する 
[Play] ボタ ン を クリ ッ ク し て 実行 し て み ま し ょ う 。 画面 の 中 央 に キャ ラク ター が 表示 され 、 ク リッ ク 
する と 次 の メッ セー ジ が 表示 され ます ( 図 7)。 


確認 


念 図 7 : 実行 画面 


下記 塊 スプ ブラ イト の アニ メー ショ ン 


Unity の 平面 ポリ ゴン は Plane で す 。 し か し Plane は メッ シュ に な っ て お り 複 数 の 頂点 を 持っ て い 
ます 。 そ の た め プ ログ ラム で その 頂点 それ ぞ れ の テク スチ ャ 座標 を 変更 する 必要 が で て くる と 結構 面 
倒 に な っ て きま す 。 そ こ で この LESSON で は あら か じ め 頂 点数 が 4 つ し か な い ポ ボ ポリ ゴン を 準備 し 、 そ 
れ を プロ ジェ クト に イン ポー ト し て いま す 。 

4 頂点 の 平面 ポリ ゴン を 作る 方 法 は 別途 サー ド パ ー テ ィ ー 製 の 3D エ ディ タ を 作る 方 法 の 他 に も プ 
ログ ラム 内 で 動 的 に 生成 する 方 法 も あり ます 。 こ こ で は ツー ル の 使い 方 は 省略 し あら か じ め て 作っ て 
お いた も の を 利用 する こと に し て いま す 。 


スプ ライ ト に テク スチ ャ を 設定 

イン ポー ト し た ポリ ゴン は 図 8 の よう な 順番 に 頂点 が 並ん だ ポリ 
ゴツ に な っ で いま す 。 

直感 的 に は 時 計 回 りあ る い は 反 時 計 回 り に 頂点 が 並ん で いく ど 考 
え が ち で す が 、 基 本 的 に ポリ ゴン の 単位 は 三角 形 で 構成 され ます の 
で 左上 、 右 上 と き て 、 次 は 左下 に つなが り 右 下 に いき ます 。 そ の た 
め テ クス チャ の 座標 を 設定 する 場合 は 、、 こ の 順序 を 考慮 し て 設定 す 
る 必要 が あり ます 。 

また 、 テ クス チャ の 座標 は ピク セル で 設定 する の で は な く 、 テ ク 
スチ ャ 座標 ( 幅 、 高 さ を 1 と し た 座標 ) で 設定 し な く て は な り ま せん 。 
例え ば 幅 が 240、 高 さ が 160 の 画像 が あっ た 時 、 そ の 画像 の 半分 人 図 8 : ポリ ゴン の 座標 の 並び 順 
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の 長 さ の 座標 は 「120. 80] で は な く て それ ぞ れ 0.5 に な り ま す 。 


バラ バラ アニ メ に よっ て アニ メー ショ ン を 実現 する 

アニ メー ショ ン の 基本 的 な 原理 は パラ パラ アニ メ で す 。 例 えば 1 秒間 に 15 フレ ー ム 動か す よ うな 場 
合 、0.4 秒 間 画 面 に 同じ 画像 を 表示 し 0.4 秒 後に 次 の 画像 に 切り 替え る と いっ た 感じ で パラ パラ と 少し 
ずつ 動き を つけ た 画像 を 差し 替え て いく こと で 、 ア ニメーション を 実現 し ます ( 図 9)。 
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0.4 秒 0.4 秒 0.4 秒 0.4 秒 


ES 


人 ム 図 9 : バラ バラ アニ メ 


ポリ ゴン に 設定 する テク スチ ャ を 複数 準備 し て お いて 、 そ れ ぞ れ 切 り 替 える 方 法 が 直感 的 で わか り 
や すい で す が 、 そ の 方 法 で は テク スチ ャ の 変更 処理 に 時 間 が か か る の で 本 サン プル で は 1 枚 の テク ス 
チャ に アニ メー ショ ン に 必要 な 画像 を 並べ て 置き 、 切 替 時 に テク スチ ャ の 座標 だ け 変 更 す る よう に し 
て いま す 。 こ うす る と テク スチ ャ の 転送 時 間 が な く な る の で 高速 な 画像 切替 が で きま す 。 


アニ メー ショ ンス クリ プ ト の 作成 
次 の リス ト は スプ ライ ト に 設定 され て いる テク スチ ャ 座標 を パラ パラ 漫画 の よう に 変更 する スク リ 
プ ト で す 。 


ャ AnimeController ス クリ プ ト 
001 | using UnityEngine; 


002 | using System.Collections; 


003 

004| [RequireComponent (typeof (AnimeFrame))] 

005 

006 | public class AnimeController : MonoBehaviour { 
007 private float animTime; 

008 private int index; 

009 private Mesh mesh; 

010 public float width; 

011 public float height; 

012 public AnimeFrame[] animeFrams; 

013 

014 / / Use this for initialization 

015 vold Start () { 

016 MeshFilter meshfilter = (MeshFilter)GetComponent("MeshFilter") / 
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017 mesh = meshfilter.mesh; 


018 } 

019 

020 // Update is called once per frame 

021 void Update () { 

022 animTime += Time.deltaTime*100; 

023 

024 if(animTime > animeFrams [index] .timing) { 
025 animTime = 0; 

026 index++; 

027 if(index>=animeFrams.Length) { 

028 index = 0: 

029 } 

030 } 

031 

032 Vector2 b = new Vector2(animeFrams [1ndex] .X, animeFrams [1ndex] .y) / 
033 

034 Vector2[] uv = new Vector2[mesh.vertices.Length] / 
035 uv[0] = b + new Vector2(width, 0.0f) / 
036 uv[l] = b + new Veotor2(0.0fE, height) / 
037 uv[2] = b + new Vector2(0.0fF, 0.0Ff); 
038 uv[3] = b + new Vector2(width, height); 
039 mesh.uv = Uv; 

040 } 

041 

042 [System.Serializable] 

043 public class AnimeFrame { 

044 public float timing; 

045 Publrc Loat. xx: 

046 public £1loat ys 

047 } 

048 | } 


この スク リプ ト で は 、Unity か ら ア ニメーション の フレ ー ム を 設定 で きる よう に AnimeFrame を 配 
列 で 持つ よう に し て いま す (12 行 目 )。 ま た AnimeFrame クラ ス に は [System.Serializable] を 付加 し 
て いま す 。 こ うす る こと で Unity か ら こ の クラ ス を 使っ た プロ パテ ィ に アク セス が で きる よう に な り 
ます 。 (42 行 目 )。 


外部 テキ スト ファ イル か ら の 読み 込み 

この LESSON の サン プル で は スプ ライ ト の 他 に フォ トイ ー タ ー が し ゃ べ る メッ セー ジ を 外部 テキ ス 
ト フ ァイル に 準備 し て お き 、 そ れ を 読み 込む 方 法 を 使っ て いま す 。 ゲ ー ム 内 で キャ ラク ター の 話す メ 
ッ セ ー ジ な ど を この よう に 管理 し て お く と 編集 が 楽 な の で 便利 で す 。 

外部 テキ スト ファ イル の 使い 方 で す が 、 Resource.load(< フ ァイル 名 >) で テキ スト ファ イル を 開け 
ます 。 こ の 時 、 テ キス ト フ ァイル の 保存 場所 は 、 Scene ファ イル と 同じ 階層 に お か れ た Resources と 
いう フォ ル ダ の 下 に な けれ ば な り ま せん ( 図 10)。 
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読み 込ま れ た テキ スト ファ イル は TextAsset と 
いつ うっ クラス で 取得 され ます 。 こ の 「extAsset に は 
text と いう プロ パテ ィ が ある の で 、 こ の プロ パテ 
イィ 経 由 で 文字 列 を 取得 で きま す 。 文字 列 は 改行 も 
高め て テキ スト ファ イル 全文 な の で 、 フ ァイル の 
パー ス は 自前 で する こと に な り ま す 。 

次 の リス ト は サン プル で 使う メッ セー ジ を 改行 


Assets - Resources 
- 
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コー ド で 分 割 す る 処理 の 部 分 で す 。 serint し 確認 
今 図 10 : リソー ス フ ァ イル の 配置 

ママ MessageConsole.cs 

013 TextAsset txt = (TextAsset)Resources.Load("messages") / 

014 messages = txt.text.Split('¥n') ; 


外部 文字 列 リ ソー ス フ ァ イル 
テキ スト ファ イル の 読み 込み 方 法 を 応用 する こと で 、 Android の よう に ロケ ー ル に 合わ せ て 文字 列 
リソー ス フ ァ イル を 切り 替え る TextLoader と いう クラ ス を 作る こと も で きま す 。 


〒 TextLoader.cs 
001 | using UnityEngine; 
002 | using System.Collections; 


003 

004 | pub1ic class TextLoader { 

005 private Hashtab1e tbl = new Hashtab1e() / 

006 

007 public TextTLoader () { 

008 } 

009 

010 public TextLoader(string filename){ 

011 Debug. Lod (Application. systemLanguage) / 

012 string text = ((TextAsset)Resources.Load (filename) ) . text; 
013 Load (text) ; 

014 } 

015 

016 public bool Load(string txt){ 

017 Stringl] strings = も xt.Split ("yn) ; 

018 if(strings!=null && strings.Length>0) { 

019 foreach (string s in strings){ 

020 string[] pair = s.Split('="); 

021 if (pair!=null && pair.Length == 2){ 
022 tb1 .Add (pair[0].Trim(), pair[l].Trim()) / 
023 } 

024 } 

025 

026 return true; 

027 } 

028 return false; 
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029 } 


030 

031 public string getString(string Key) { 
032 return (string) tb1 [Key] / 

033 } 

034 | } 


実行 の 環境 の ロケ ー ル は Application.systemLanguage で 取得 で きま す 。 こ れ は 定数 な の で 比較 
を する 場合 は 、 SystemLanguage.Japanese や SystemLanguage.English と 比較 を し て 判定 し て く 
だ さい 。 


*s 2D の 画面 を 作成 する 場合 は 、 Plane の よう な 平面 に テク スチ ャ ー を 設定 し ます 。 
s 2D の よう な ライ ト が 不要 な 場合 は 、 シェー ダー に Unlit を 使う と よい で し よう 。 


* アニ メー ショ ン を する 場合 は 、 ア ニメーション 用 に 複数 の 画像 を 設定 し て お き 、 テ クス チャ ー 座 標 を ずら 
し て 変更 し ます 。 


旧 LEsSON36 萌 before 湖 6 LESSON36.unitypackage 


Ei 各 際 WeDCamTexture を 使う 


® [LESSON36」 と いう 新規 の プロ ジェ クト を 作成 し ます 。 あ ら か じ め カ メラ と 光源 の 設定 と 必要 な 画 
像 ファ イル な ど を 含め た 雛形 を 準備 し て あり ます の で イン ボー ト し ます 。 メ ニュ ー か ら [Assets] > 
[Import Package] ~ [Custom Package] を 選択 し て 、「before] フォ ル ダ の LESSON36.unitypacka 
ge を 選択 し て 、[Open] ボタ ン を クリ ッ ク し て くだ さい 、。 確認 画面 が で ます の で 、[[Import] ボタ ン 
を クリ ッ ク す る と 図 1 の よう に 雛形 の ファ イル が 追加 ご れ ま す 。 


(CAll Prefabs 
(© Al scripts 


図 1 : 雛形 の ファ イル を 追加 


シー ン を 開く 
[Scene」 フォ ル ダ か ら LESSON36Scene を ダブ ルク リッ ク し て 開い て くだ さい 


カメ ラ 画 像 を 表示 する スク リプ ト を 設定 する 
[Script] フォ ル ダ に ある CameraView を [Hierarchy」 ビ ピュー の Frame オブ ジェ クト に ドラ ッ グ & ド 
ロッ プ し て 追加 し て くだ さい ( 図 2①)。 そ し て 追加 し た CameraView ス クリ プ ト の Width を 320、 


Height を 240、Fps を 15 に 設定 し て くだ さい ⑧③。 


| = Hierarchy 
V3 「Favorites 
(QAll Materials 
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|y Frame 
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〒 | BA Camera View (Script) 間 。 
Cameraview © 


Script 
qt 


念 図 2 : カメ ラ 画 像 を 表示 する スク リプ ト の 設定 
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メニ ュー バー を 表示 する スク リプ ト を 設定 する 
[Script] フォ ル ダ に ある LESSON36Main ス クリ プ ト を [Hierarchy] ビュ ー の Frame の 子 オ ブ ジ ェ ク 
ト の Picture に ドラ ッ グ & ドロ ッ プ し て 追加 し て くだ さい ( 図 3①)。 | Skin] フォ ル ダ の GUISkin を 
[Inspector] ビュ ー の GUISkin に ドラ ッ グ & ドロップ し て 追加 し ます ②。 Main Light に 「Directional 
light」 を 設定 し ます ③。 [Scene] ビュ ー で 確認 し ます ④。 


80 YLdVHD 


ご Hierarchy 


Directianal light 
〒 Frame 


(OLAll Models ee > [Ficrure | 


All Prefabs | ain Camera 
(GLAll Scripts | 


_ Guiskin 


Main Light 1 Directional light (@ 


今 図 3 : スク リプ ト と GUISkin 
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BuildTarget を 変更 する 

Build Target を Android に し ます 。 メ ニュ ー か ら [File] っ [Build Settings] を 選択 し て 、[Build Setti 
ngs] ダイ アロ グ を 開い て くだ さい ( 図 4)。 そし て Platform と し て 「Android」 を 選択 し て ①、 [Player 
Settings] ボタ ン を クリ ッ ク し て くだ さい ②⑫。 Unity の [Inspector] ビュ ー に 設定 項目 が で きま す の で 、 

[Other Settings」 を 選択 し て ③、Bundle ldentifier の 項目 を 任意 の パッ ケー ジ 名 に 変更 し て くだ さ 
い 。 こ こ で は 便宜 的 に 「jp.co.se.unity.chapter8.lesson36]」 と し て いま すぐ ④。 変更 し た ら [Switch P| 
atform] ボタ ン を クリ ッ ク し て くだ さい ぐ ⑤ (すでに 変更 済み の 場合 は 不要 )。 


1 for Android 


Resolution and Presentation 


| Rendiering 
| Static Batching 
| Dynamic Batching 


6 クリ ッ ク ⑥ クリ ッ ク > 


Bundle Versinn* 
| Bundle Versinn Code 


今 図 4 : BuildTarget の 変更 


解像度 を 変更 する 

デフ ォ ル ト で は PC の 解像度 に な っ て いる た め 、 = 

実際 の 実行 画面 と 確認 画面 が 違っ て 表示 され ま 上 a 5 

す 。 そ こ で Android の 解像度 に あわ せ て 画面 も | Pe * GE Pr 
in Camer: 。 48 AL 

変更 し まし ょ う 。 [Gamel ビュ ー の 左上 の コン NE 

854x480 (FWVGA Landscape) 
ボボ ックス か ら ④、[480x800 (WVGA Portra 600x1024 (WSVGA Portrait) 


1024x600 (WSVGA Landscape) 
・ ‘sa = 800x1280 (WXGA Portrait) 
3:2 Portrait 


3:2 Landscape 
16:10 Portrait 
16:10 Landscape 


念 図 5 : 解像度 変更 
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シー ン を 保存 する 
現在 の シー ン を |LESSON36Scene.unity」 と いう 名 前 で [Scene] フォ ル ダ の 下 に 保存 し て くだ さい 。 
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アプ リ を 実行 する 
[Play] ボタ ン を クリ ッ ク し て 実行 し て み ま し ょ う 。 画面 に カメ ラプ レビ ュー が 表示 され 、Rotate を ク 
リッ ク す る と カメ ラ が 回 転 し ます ( 図 6)。 


確認 


trialversion 


念 図 6: 実行 画面 


36-2 A Tig に つい て 


WebCamTexture は Unity3.5 か ら 追 加 さ れ た 機能 で 、 カメ ラ か ら 取 り 込 ん だ 画像 を テク スチ ャ と し 
て ゲー ム 内 で 使う こと を 可能 に する 機能 で す 。 

使用 する に は アプ リ が 動作 する 環境 で カメ ラ が 利用 で きる 必要 が あり ます 。 ス マー ト フ ォ ン (ここ 
で は Android や iPhone の こと ) に は 標準 で カメ ラ が つい て いる の で 動作 を 確認 する の に 適し て いる 
で し ょ う 。 た だ し 原稿 執筆 時 点 (2012 年 12 月) で は Android 4X の 端末 で は 正常 に 動作 し な い 問 題 
が 発生 し まし た 。 


WebCamTexture の 使い 方 

WebCamlexture を 使う の は 非常 に 簡単 で 、 手 順 と し て は WebCamTexture を プロ グラ ム 内 で 生 
成 し 、 GameObject の Texture に 設定 すれ ば よい で し よう 。 

WebCamTexture は Texture の サブ クラ ス な の で Texture と し て の 基本 機能 が 使え る 上 、 さ ら に 
WebCamTexture 独 目 の 機 能 が 追加 べ れ て いま す ( 表 1)。 
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マ 表 1 : WebCamTexture の 変数 と 関数 


isPlaying カメ ラ が 撮影 中 の 場合 は True を 返却 

deviceName カメ ラ の 名 称 

requestFPS カメ ラ の フレ ー ム レー ト (1 秒 あ た り の フレ ー ム 数 ) を 設定 

requestWidth カメ ラ の 幅 を 設定 

requestHeight カメ ラ の 高 さ を 設定 

didUpdateThisFrame 最終 フレ ー ム か ら ビ デオ バッ ファ が 更新 され た か どう か の 判定 フラ グ 

Play カメ ラ を 撮影 モー ド に し ます ーー 

Pause 撮影 モー ド を 一 時 停止 し ます 

Stop カメ ラ を 停止 し ます 

GetPixel (xy) 座標 の ビク セル デー タ を 取得 

GetPixels 範囲 を 指定 し て ピク セル デー タ の 配列 を 取得 

GetPixels32 Raw フォ オー マッ ト で ピク セル デー タ を 取得 
WebCamTexture の 生成 


WebCamTexture は プロ グラ ム か ら コ ンス トラ クタ を 使用 し て 生成 し ます ( 表 2)。 


人 ふ 表 2 : WebCamTexture の パラ メー ター 


SO 


deviceName 使用 する カメ ラ の 名 称 

requestedWidth カメ ラ の 幅 を 設定 

requestedHeight カメ ラ の 高 さ を 設定 

requestedFPS カメ ラ の フレ ー ム レー ト (] 秒 あ た り の フレ ー ム 数 ) を 設定 


生成 する 際 に 使用 する カメ ラ の 名 称 は 、 WebCamTexture の 静 的 メン ババ 変数 の devices か ら 取 得 で 
ます 。 


マ CameraView を 取得 する コー ド の 例 

devices = WebCamTexture.devices; 

if (devices.Length>0) { 
deviceName = devices[O0].name; 
webcamTexture = new WebCamTexture(deviceName, width, height, fps); 
renderer.material .mainTexture = webcamTexture; 
webcamTexture. Play() ; 
Debug.Log("FINE "+deviceName) ; 

} 

elsef{ 


Debug.Log("Not Found Device'"); 


cHAPTER08 GUI の ある Unity ア プリ を 作成 する 


WebCamTexture の Texture に 設定 する スク リプ ト に つい て 
それ で は 実際 に WebCamlexture を GameObject の Texture に 設定 する CameraView ス クリ プ ト 
を 見 て み ま し ょ う 。 


Y CameraView.cs 


80 d ヨ 1LdVHO う 


001 | us1nd UnityEngine; 
002 | using System.Collections; 
003 


004 public class CameraView : MonoBehaviour { 


005 private WebCamDevice[] devices; 

006 private string deviceName; 

007 private WebCamTexture webcamTexture; 

008 public int width; 

009 public int height; 

010 public int fps; 

011 

012 // Use this for initialization 

013 IEnumerator Start () { 

014 this.name = "CameraView'" ; a 9 

015 

01 yield return SE sO 
UserAuthorization.WebCam | UserAuthorization.Microphone) ; 


if (Application.HasUserAuthorization(UserAuthorization.WebCam | 回 


DT UserAuthorization.Microphone)) { 

018 devices = WebCamTexture.devices; 

019 deviceName = devices[O0].name; 

020 webcamTexture = new WebCamTexture(deviceName, width, | 
height, fps); 

021 renderer.material.mainTexture = webcamTexture; 

022 webcamTexture.Play() / 

023 Debug.Log ("FINE "+deviceName) ; 

024 } else { 

025 Debug. Log ("ERROR" ) ; 

026 } 

027 } 

028 

029 

030 public bool isPlaying(){ 

031 return webcamTexture.isPlaying; 

032 } 

033 

034 public void PauSe () { 

035 webcamTexture. Pause() / 

036 } 

037 

038 public void Play(){ 

039 webcamTexture.Play () ; 

040 } 

041 | } 
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この サン プル の ポイ ント は 2 つ あ り ま す 。 

1 つ は この クラ ス の イン スタ ンス を 外部 か ら 取 得する た め に 、 name に CameraView を 設定 し て い 
ます ①。 こ の よう に 名 前 を 設定 し て お く こ と で 、 別 の クラ ス か ら 以 下 の よ うに 、 名 前 で クラ ス の イン 
スタ ンス を 取得 する こと が で きま す 。 


CameraV1ew cameraView = (CameraView)GameObject.Find("Picture"). 
GetComponent ("CameraView" ) / 


2 つ 目 は WebCamTlexture の 利用 可否 の チェ ッ ク で す 。 こ の 機能 は WebPlayer の み で 動作 し ます 。 
アプ リ か ら カ メラ や 録音 機器 を 使用 する 場合 、 セ キュ リティ の た め に ユー ザー に 確認 画面 を 表示 で き 
ます 。 こ の サン プル で は Start の 中 で 初期 化 の 際 に この 確認 画面 を 表示 し て ( 図 7)、 Allow (許可 ) が 
表示 され た ら 、 カ メラ を 使用 で きる よう に し て いま す 。 そ れ が ⑨② の RequestUserAuthorization の 処 
畠 で す 。 

し か し 、 この 確認 画面 を 表示 し て いる 間 ず っ と Start の 処理 が 中 断 さ れる の は 望ま し く な い の で 、 こ 
こ で は コル ー チ ン に よっ て 処理 が 中 断 さ れ な いよ うに し て いま す 。 

コル ー チ ン を 使う メソ ッ ド は 戻り 値 が IEnumerator で な いと いけ な い の で void か ら |Enumerator 
に し て いま す (コル ー チ ン に つい て は CHAPTER 03 を 参照 し て くだ さい )。 


Unity WWebPlayer Authorization Request 


Thecahtent on this site would like to ue 
YOUT GOlTlDute「S web camera he Mages 


確認 


Always Allow for this Site Allow 


念 図 7 : カメ ラ の 利用 可否 ダイ アロ グ 


* WebCamTexture を 使う と カメ ラ の 画像 を 取り 込む こと が で きま す 。 
* Build Settings で Android 用 の 構成 に 変更 で きま す 。 
* Android の 設定 で は 最低 限 パ ッ ケ ー ジ の 設定 を し な けれ ば な り ま せん 。 
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CHAPTER 09 


co" i0S で ネイ ティ ブ 拡 張 
37 


能 を 利用 する 


fDialogPlugin.mm、NativePluginBase.unitypackage、 


list37-2, 3.txt 


SAMPLE 較 LEssON37 葉 較 before 参 


i0S の ネイ ティ ブフ 拡張 機能 を 作成 する 


プロ ジェ クト を 作成 し て バッ ケー ジ を イン ポー ト す る 

新しく ILESSON37] と いう プロ ジェ クト を 作成 し ます 。 メ ニュ ー か ら [File] > [Building Settings] 
を 選択 し て [Building Settings] ダイ アロ グ で プラ ッ ト フ ォ ー ム を OS に 切り 替え て お きま す 。 [Proje 
ct] ビュ ー で 右 ク リッ ク し て ( 図 1①)、 メ ニュ ー か ら Import Package] ②ー [Custom Package] ③ 


を 選択 し ます 。 「before] フォ ル ダ か ら NativePluginBase.unitypackage を イン ポー ト し ます ④⑤ 
⑥(⑦。 


Create 
Reveal in Finder FAVORITES m DialogPlugin.mm 


Open RE | | NativeEdit...ogPlugin.cs 
Delete 

DEVICES 
Import New Asset... 
Import Package 
Export Package.. 
Find Refere 


7 ‘a に 
Select Dep $$ 選択 


snd 

Refresh Light Cookie Name NativePluginBase.un 

MIPS Light Flares Kind Unity.app Document 

Particles EE RE 

、 Physic Materials Created 2012/12/23 18:16 

Sync MonoDevelop Project Projectors Modified 2012/12/23 18:16 
Scripts Last opened 2012/12/23 18:16 


Reimport Al 


Skyboxes 
Standard Assets (Mobile) 
Terrain Assets 


人 図 1 : バッ ケー ジ の イン ボー ト 


cHAPTER09 ネイティブ 環境 と 連携 する 


HUD_DialogInputButton ス クリ プ ト を 確認 する 

[Project] ビュ ー に イン ポー ト さ れ た 「NativePlugin] シー ン を 開い て か ら ( 図 2①)、 [Play] ボタ ン を 
クリ ッ ク し ます ⑧。 ボ タン と テキ スト だ けが 表示 され て いる シー ン が 開き まし た ③。 停止 し て 、 
HUD_DialogInputButton ス クリ プ ト を 確認 し ます (リス ト 1)。 ラ ベル と ボタ ン を 表示 する 処理 、 ダ 
イア ログ か ら 文 字 列 を 受け 取る 処理 が あり ます 。 


60 d ヨ ldVH う 


tiveDialog - iPhone。 iPod Touch and iPad 


Native Dialog Open 


hello Unitw! 


《) 確認 


今 図 2 : HUD_DialogInputButton ス クリ プ ト の 確認 


マリ スト 1 : HUD_DialoglInputButton ス クリ プ ト 

001 | using UnityEngine; 

002 | using System.Collections; 

003 

004 | public class HUD DialogInputButton : MonoBehaviour { 

005 

006 string labelText; 

007 

008 void OnGUI(){ 

009 GUI .Label (new Rect (10, 100, Screen.width - 10, 20), labelText); 
010 if (GUI.Button(new Rect(10, 10, 200, 50), "Native Dialog Open")) { 


015 void NativeDialogCallback(string text) { 
016 labelText = text; 
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DialogPlugin.mnm ファ イル を 


イン ポー ト す る CB 「 Assets e Plugins » iO5S 


[Project] ビュ ー に 「Plugins| と いう フォ ル ダ 


を 作成 し ます 。 さら に 「Plugins] フォ ル ダ の 中 還 議 中 織 m 


に IiOS] と いう フォ ル ダ を 作成 し ます ( 図 3①)。 
ここ に iOS 向 け の Objective-C の コー ド を 配置 
し ます 。 「before] フォ ル ダ か ら DialogPlugin. @ イン ポー ト 
mm ファ イル を イン ポー ト し ます ②。 こ れ は 


DialogPlugin 


念 図 3 : DialogPlugin.mm ファ イル の イン ボー ト 


iOS の テキ スト フィ ー ル ド 付 き の ダ イア ログ ボ 
ックス を 表示 し て 入力 内 容 を Unity に 送り 返す 
ご いう = 一 ド で す 。 


C# ス クリ プ ト 「NativeEditDialogPlugin」 を 作成 する 
[Project] ビュ ー の IPlugins] フォ ル ダ に C# スク リプ ト INativeEditDialogPlugin] を 作成 し て 内 容 
は リス ト 2 の よう に し ます 。 


マリ スト 2 : NativeEditDialogPlugin.cs 


001 
002 
003 
004 
005 
006 
007 
008 


009 


010 
011 


012 


013 
014 
015 
016 
017 


using UnityEngine; 
using System.Collections; 
using System.Runtime.InteropServices; 


public class NativeEditDialogPlugin { 


// Objective-C の 関数 を 呼び 出せ る よう に 宣言 
[DllImport(" Tnterna1" ) ] 


private static extern void Plugin ShowEditDialog(string objectName, 回 
string functionName, string msg) / 


// ネイ ティ ブ 環 境 の テキ スト 入力 ダイ アロ グ ボ ックス を 表示 


public static void ShowEditDialog(string objectName, string [| 林 | 
functionName, string msg) { 


// 入力 され た 文字 列 は シー ン の 中 の objectName オ ブ ジ ェクト 宛 に メッ セー ジ が 送ら れる 
Plugin ShowEditDialog(objectName, functionName, msg); 


NativeEditDialogPlugin スク リプ ト を 呼び 出す 
HUD_DialogInputButton ス クリ プ ト か ら NativeEditDialogPlugin ス クリ プ ト を 呼び 出す よう に し 
ます (リス ト 3)。 


"リス ト 3 : HUD_DialogInputButton.cs 


008 Vo1d OnGUT () { 

009 GUI . Labe1 (new Rect (10, 100, Screen.w1idth - 10, 20) , labelText); 

010 if (GUI.Button(new Rect(10, 10, 200, 50) , "Native Dialog Open")) { 

011 NativeEditDialogPlugin.ShowEditDialog(this.name, | 符 | 
"NativeDialogCallback", labelText) ; 

012 } 

013 } 


IOS 向 け に ビル ド し て 実機 で 確認 し ます 。 [Native Dialog Open] ボタ ン を タッ プ し て ( 図 4①)、 TUni 
ty is great] と 入力 し ②、[OK] ボタ ン を タッ プ し ます ぐ ③。 入 力 さ れ た 文字 が ボタ ン の 下 に 表示 され ま 
す ④⑭。 


Native Dialog Open Native Dialog Open 
Enter Text 


RE OY タッ プ nity is grea ミ 丸 
neo Unity! 電 Uniy lgreal (2 入力 琴 Unity is great 《》 確認 


AlslplrlelnlklL 
BBB 因 


return 


念 図 4 : 実機 に よる 確認 


E? 影 塊 | PluginS5/Ij0S」 フォ オル ダ に つい て 


[Project] ビュ ー の IPlugins/iOS] フォ ル ダ は 特殊 な フォ ル ダ で ここ に Objective-C こ の コー ド を 含 
め る と Unity で IOS ビ ルド し た 時 に その コー ド を Xcode の プロ ジェ クト に 含め て くれ ます 。 図 5 は 作 
成 し た プロ ジェ クト の 構成 で す 。 
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(# ズ スタ リプ 


HUD_DialogInputButton.cs 


ShowEditDialog() 
( ま ス クリ プ ト 入力 され た 文字 列 を 返す 
NativeEditDialogPlugin.cs UnitySendMessage() 


ネイ ティ ブダ イア ログ ボッ クス の 表示 
Plugin_ShowEditDialog() 


ネイ ティ ブフ 環境 
iOS 


Objective-C 


DialogPlugin_mm 


今 図 5 : 作成 し た プロ ジェ クト の 構成 


シー ン の HUD_DialogInputButton ス クリ プ ト で ボタ ン を 表示 し て 、 ボ タン を クリ ッ ク す る と Nati 
veEditDialogPlugin ス クリ プ ト を 経由 し て ネイ ティ ブ 環 境 の ダイ アロ グ ボ ックス を 表示 し て いま す 。 


DialogPlugin.mm に つい て 
DialogPlugin mm に つい て 詳し く 見 て いき まし ょ う 。 


マ DialogPlugin.mm 
003 | 61nterfFaoce EditTextDialog : NSOb]Ject <UITextFieldDelegate> { 
004 NSString *ob]Name / 


005 NSString *FunoName/ 

006 | } 

007 | - (void) showDialog: (NSString *)message 

008 unityObj]Name: (NSString *)unityObjName 
009 unityFuncName: (NSString *)unityFuncName; 
010 | Qend 

011 

012 | Qimplementation EditTextDialog 

013 

014 | -(void) showDialog: (NSString *)message 

015 unityObjName: (NSString *)unityObjName 
016 unityFuncName: (NSString *)unityFuncName { 


EditTextDialog ク ラス が 定義 され 、 showDialog 関数 で IOS の UIAlertView を 表示 し て いま す 。 

IOS 5.0 以 降 に UIAlertView に 追加 べ れ た setAlertViewStyle 関数 を 使っ て 、 テ キス ト フ ィ ー ル ド 付 
きま の [アラ ー ト ] ダイ アロ グ を 表示 し ます 。 IO5 の バー ジョ ン が 古い 場合 は 書き 換え る 必要 が あり ます 。 

テキ スト フィ ー ル ド の 編集 が 終わ る と textFieldDidEndEditing 関数 内 の UnitySendMessage 関 数 
が 実行 され 、 テキ スト フィ ー ル ド の 文字 列 は 指定 され た オブ ジェ クト へ メッ セー ジ と し て 送ら れ ま す 。 


cHAPTER09 ネイティブ 環境 と 連携 する 


マ DialogPlugin.mm 


035 | -(Vo1d) textFieldDidEndEditing: (UITextField*) textField { A 
036 
037 UnitySendMessage( [objName UTF8String] m 
038 , [EuncName UTF8String] © 
039 , [textField.text UTF8String]); 
040 | } 


UnitySendMessage は iOS の ネイ ティ ブ コ ー ド か ら Unity の オブ ジェ クト へ メッ セー ジ を 送る た め の 
関数 で す (構文 1)。 


構文 1 : UnitySendMessage 
UnitySendMessage ("ゲー ム オ ブ ジ ェクト 名 " , "関数 名 " , " 文字 列 デー タリ ) ; 


Plugin_ShowEditDialog 関数 が 定義 され て いま す 。 こ れ は Unity の スク リプ ト か ら 呼 び 出 され る 
関数 を 定義 し て いま す 。 「extern で"{ .… 朋 の な か で 関数 が 宣言 され て いま す が 、Unity か ら 呼 び 出 す 
に は て C 言 語 の 関数 と し て 定義 する 必要 が ある た め 、 この よう に 記述 し て いま す 。 


044 | extern "C" { 


045 Vo1d Plugin ShowEd1tD1a1od (Char* objectName, Char* functionName, 回 
Char* msg) / 


046 | } 


Unity 側 の スク リプ ト で ネイ ティ ブ コ ー ド の 関数 を 呼び 出し 
NativeEditDialogPlugin スクリプト を 確認 し て 見 て み ま し ょ う 。 Dlllmport 属 性 を 使う た め に 以下 
の リス ト の よう に 指定 し て いま す 。 


003 | using System.Runtime.InteropServices; 
(… 中 略 …) 
008 [DllImport(" Internal")] 


009 private static extern void Plugin ShowEditDialog(string objectName, 
string functionName, string msg); 


(… 中 略 …) 
OM 


この DIIImport 属 性 の 部 分 で 「DialogPlugin_mm」 に 定義 し た 関数 を 呼び 出せ る よう に し て いま す 。 

Unity か ら IOS5 の ネイ ティ ブ 機 能 の 呼び 出し 、 ネ イ テ ィ ブ コ ー ド か ら Unity ス クリ プ ト へ メッ セー ジ 
の 送信 を 学び まし た 。 こ の よう に し て TwitterAPI や StoreKit や 広告 SDK の 組み 込み な どの iOS 独 目 
の API を Unity に 組み 込む こと が で きる の で す 。 


* [Project] ビュ ー の 「Plugins/iOS] フォ ル ダ に Objective-C こ の コー ド を イン ポー ト し て お く と iOS 向 け 
ビル ド す る 時 に Xcode プロ ジェ クト に 組み 込ん で くれ ます 。 


s て # ス クリ プ ト か ら 呼 び 出 す 関数 は 、 て 言語 の 関数 と し て 定義 ゎ し て お きま す 。 
* DllImport 属性 で ネイ ティ ブ コ ー ド の 関数 を 呼び 出せ る よう に 宣言 し ます 。 
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CHAPTER 09 


拡張 機能 を 利用 する 


ここ や Android で ネイ ティ ブフ ブ 
| 38 


SAMPLE 還 罰 LESSON38 葉 | before 葉 還 「LESSON37」 プ ロジ ェクト 、 list38-1, 2.txt 


Android で ネイ ティ ブ 拡 張 機能 を 作成 する 


プ ブ プラットフォーム を 切り 替え る 

LESSON 37 の 続き か ら は じ め ま す 。 ま た は |「before] フォ ル ダ に ある 「LESSON37」 プロ ジェ クト の 
NativePlugin シー ン を 開い て くだ さい 。 

Unity の メニ ュー か ら [File] > [Build Settings] を 選択 し て 、 プ ラッ ト フ ォ ー ム を Android に 切り 替 
えま す 。 


Android の プロ ジェ クト を 作成 する 。 マ 表 1:Android ラ イブ ラリ プロ ジェ クト の 設定 


Eclipse 3.7 と Android の ADT 環 境 を 使い 、 


Android ラ イブ ラリ プロ ジェ クト を 作成 し ま MTTame Ss i 
す ( 図 1①⑮)。 Package Name plugin.alertdialog 
Build SDK Android2.3.3 (API 10) 


MinimubRequestSDK Android2.2 (API 8) 


a 9 


(7 CE New Android ADD 
New Android Application Create Activity 
Creates a new Android Application Select whether to create an activity, and if so, what kind of activitY- 


= 回 Ale i OD Create Activity 
Project Name: ©| AlertDialogPlugin | lankActivity 


Package Name: @ plugin.alertdialog 


‘a 
選択 
Minimum Required SDK: © | API 8: Android 2.2 (Frayo) AA 


|] Create custom launcher icon 


Build SDK= & | Android 2.3.3 (API 10) ー の pe | Choose... | 


3 クリ ッ ク 


A Create Project in Workspace 


Location- /Users/masaki/Documents/workspace/AlertDialngPlugin | Browse.., | 


0 The applicatign name is shown in the Play Store, as well as in the Manage Applicatign list in Settings. 


New Blank Activity 
Creates a new hlank activitY, with optional inner naviqatinn. 


《》9 クリ ッ ク 
= | Fmmn | 


人 図 1 : ネイ ティ ブ 拡 張 の 作成 
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classes.jar を イン ポー ト す る 

Unity の アプ リケーション フォ ル ダ を 開き Unity.app を 右 ク リッ ク し て ( 図 2①)、 メ ニュ ー か が から [パッ 
ケー ジ の 内 容 を 表示 ] を 選択 し ます ⑧。 Contents/PlaybackEngines/AndroidPlayer/bin の classes. 
jar フ ァイル を コピ ー し て ③④、 Eclipse の 「AlertDialogPlugin] プロ ジェ クト の Tlibs]」 フォ ル ダ に ペ 
ー ス ト し ます 。 イ ン ポ ー ト され た classes.jar を 右 ク リッ ク し て ⑤、 メ ニュ ー か ら [Build Path] ⑥ー 
[Add to Build Path] ⑦ を 選択 し て 、 ビル ド パ ス に 加え ます 。 
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固 Documentation 
FW Documentation.html 

( 衣 MonoDevelop.aDp 

国 Standard Packages か 
U Unitron.aDpD 


バッ ケー ジ の 内 容 を 表示 


⑨ 右 ク リッ ク 


| ゴミ 箱 に 入れ る 

| 情報 を 見 る 
“Unity.app" を 圧縮 
"Unity.aDD'" の ディ スク を 作成 ..… 
複製 


BuildTargetTools 
園 CGIncludes rOidP 
還 Documentation 庫 FlashSupp 
FrameWorks iPhonePlayer 
| Info.plist MacDevelo.…IonePlayer 
MacOS 還 MacStandalonePlayer 
ロ NaclPlayer 
WehPlayer 
同 Windows6...alonePlayer 『 
Tools WindowsD...alonePlayer 
WindowsSt...lonePlayer 


世 記 共和 び | 下品 3 


x AlertDialogPlugin 


pn] Sst 


FE AlertDialogPlugin 


(src 
src k 時 gen [Cenerated java Files] 
和 Pa Android 2.3.3 
p Generated java Files 
Em } aj b ma Android Dependencies 
mh Android 2.3.3 上 assets 
ma Android Dependencies » 須 :bin 
時 assets Y 宮 lbs 
上 Bi 部 android-support-v4.jar 
中 libs 


Bandroid-support-v4.jar 


名 res 

[a AndroidManifest.xml 
proguard-project.txt 
project.properties 


9 右 ク リッ ク 


信 図 2 : classes.jar の イン ポー ト 
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Java で ダイ アロ グ を 表示 する コー ド を 記述 する 
「src] フォ ル ダ を 右 ク リッ ク し て メニ ュー か ら [New] > [Class] を 選択 し て 、 Java クラ ス を 作成 し ま 
す ( 図 3①~③、 表 2)。 Java の コー ド は リス ト 1 の よう に し ます 。 


マ 表 2 : 作成 する Java ク ラス 


Package plugin.alertdialog 


Name AlertDialogPlugin 


マリ スト 1 : AlertDialogPlugin.java 


001 
002 
003 
004 
005 
006 
007 
008 
009 
010 


011 


012 
013 
014 
015 


016 


1 7 
018 
019 
020 
021 
022 
023 
024 


025 


026 
027 
028 
029 
030 
031 
032 
033 
034 


package plugin.alertdialog; 


import android.app.Activity; 
import android.app.AlertDialog; 
import android.content.DialogInterface; 


import android.widget.EditText; 


import com.unity3d.player.UnityPlayer; 


public class AlertDialogPlugin { 


public static void showDialog(final Activity activity, final String | 条 | 
msg, final String objName, final String funcName) { 


activity. runOnUiThread (new Runnable() { 


GOverride 
public void run() { 


final EditText editText = new EditText(activity.getApplication | 
Context()) ; 


editText.setText (msg) ; 

new AlertDialog.Builder(activity) 
.setTitle("Enter Text'") 

.setView (editText) 


.setPositiveButton("ok", new DialogInterface.OnClickListener() { 


GOverride 
public void onClick(DialogInterface dialog, int which) { 


UnityPlayer.UnitySendMessage (objName, funcName, editText. | 条 
getText () . toString()) ; 


dialog.dismiss() / 
} 
}) 


.・Create () . show() ; 


cHAPTERo9 ネイ ティ ブ 環 境 と 連携 する 


Java Class 
Create a new java class. @ 
Lewss。 」 


Source falder: AlertDialogPlugin/src ーー【 1 2 が | | Browse.… | 
Package: lugin.alertdialag 


[] Enclosing tyDe: | Browse. | 
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Name: Alerpialogpluon (2p 。 
Madifiers: (©) public ()default ()private  ( )protected 
| ] abstract [ ] final [ ] static 


Superclass: java.lang.Object 


Which methad stubs would you like to creater 
| ] public static void main(String[] args) 
| 」 Constructors from superclass 
A Inherited abstract methods 
Do You want to add comments? (Configure templates and default value here) 


| ] Cenerate comrments 


今 図 3 : Java ク ラス の 作成 


フォ ル ダ を 作成 する 

ソー スコ ー ド を 保存 する と 「bin] フォ ル ダ に alertdialogpluginjar が 生成 され る の で ( 図 4①)、 デ ス 
クト ッ プ な ど 、 わ か りや すい 場所 に コピ ー し て お きま す 。 Unity の [Project] ビュ ー の 「Plugins] フォ 
ル ダ に 「Android] と いう 名 前 で フォ ル ダ を 作成 し ます ⑧。 「Plugins/Android] フォ ル ダ に 先ほど 作 
成 し た alertdialogpluginjar フフ イル を ドラ ッ グ & ドロ ッ プ し ます ③。 


package Slugin alertdialog; 
™ Wi AlertDialogPlugin Cimport android.app.Activity; 
Y 弄 src import qndroid.qpp.ALertDiqlog: 


- BOverride 
alertdialo 中 a 1 public void run() { 


i LL final TextView textView = new 


Android 


人 ドラ ッ グ & ドロップ 


ls Nitive Ee 


すす 作成 gin.jar 


今 図 4 : フォ ル ダ の 作成 
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007 
008 
009 


010 


011 
012 
013 


014 


015 
016 
017 
018 
019 


020 


021 


022 


023 


024 


025 


026 


027 
028 


Native Dialog Open 


Unity の スク リプ ト か ら JNIHelper を 使っ て java の メソ ッ ド を 呼び 出す 
LESSON 37 で 作成 し た NativeEditDialogPlugin スクリプト を リス ト 2 の よう に 編集 し ます 。 


ャ リス ト 2 : NativeEditDialogPlugin.cs 


// Objective-C の 関数 を 呼び 出せ る よう に 宣言 
#if UNITY IPHONE 
[DllImport(" Internal")] 


private static extern void Plugin ShowEditDialog(string objectName, 回 
string functionName, string msg); 


#endif 


// ネイ ティ ブ 環 境 の テキ スト 入力 ダイ アロ グ ボ ックス を 表示 


pub1io statio void ShowEd1tDia1og(string ob]jectName, string Funotio | 林 | 
nName, string msg) { 


#if UNITY IPHONE 
// 入力 され た 文字 列 は シー ン の 中 の objectName オ ブ ジ ェクト 宛 に メッ セー ジ が 送ら 
Plugin ShowEditDialog(objectName, functionName, msg); 
#elif UNITY ANDROID 
// Android 上 の UnityPlayer ク ラス の オブ ジェ クト を 取得 


AndroidJavaClass cUnityPlayer = new AndroidJavaClass ("com.unit | 和 a 
y3d.player.UnityPlayer") ; 
// 現在 実行 中 の Activity の オブ ジェ クト を 取得 


AndroidJavaObject activity = cUnityPlayer.GetStatic<AndroidJava 上 | 
Object> ("currentActivity'"); 


// 作成 し た プラ グイ ン の AlertDialogPlugin ク ラス を 取得 する 


AndroidJavaClass plugin = new AndroidJavaClass ("plugin.alertdia | 香 | 
log.AlertDialogPlugin") / 


// showDialog メ ソ ッ ド を 実行 する 

p1ugin .Ca11Static ("showDialog", activity, msg, objectName, func 上 
tionName) ; 
#endif 


} 


実機 で 確認 する 

ビル ド し て Android の 実機 で 確認 し ます 。 [Native Dialog Open] ボタ ン を タッ プ し て ( 図 5①)、 
「Unity is great] と 入力 し ②、 [OK] ボタ ン を タッ プ し ます ③。 入 力 さ れ た 文字 が ボタ ン の 下 に 表示 さ 
れ ま す ④。 


Nativ Dialog Open 


(2) Enter Text 


hello Unity! 者 タ ツ | Unity is great! (4 ) 確 


nyege CRD 


念 図 5 : 実機 に よる 確認 


cHAPTER09 ネイティブ 環境 と 連携 する 


EE 更 参 [Plugins/Android] フォ ル ダ に つい て 


[Project] ビュ ー の 「Plugins/Android] フォ ナル ダ に jar ファ イル を イン ポー ト す る と Android ビル 
ド 時 に 合わ せ て ビル ド し ます 。 ま た AndroidManifest.xml ファ イル や res/values/stringxml な どの 
リソー ス フ ァ イル な ども イン ポー ト し て お く と Unity が ビル ド す る 時 に 使用 する ファ イル を 上 書き で 
さま す 。 
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Java 言語 を 使っ た Android ネ イ テ ィ ゴブ 拡張 

Android ア プリ ケー ショ ン は 通常 Java 言語 を 利用 し て 作成 され ます が 、Android NDK と いう 開発 
キッ ト を 利用 する と C や C++ と いっ た 言語 で アプ リケーション を 作成 で きま す 。 

ネイ ティ ブ 拡 張 を C や C++ で 作成 する こと も で きま す が 、Android OS の API や SNS や 広告 の 外部 
ライ ブラ リ な ど は Java で 提供 され る こと が 多い の で 、 ネ イ テ ィ ブ 拡 張 も Java で 作成 する こと が ほう 
が よい で し よう 。 


PlaybackEngine 

Unity.app の 内 部 の Contents/PlaybackEngines/AndroidPlayer に は Android ビ ルド を する た め 
の プロ ジェ クト テン プレ ー ト が あり ます 。 作 成す る コー ド の 中 で UnityPlayer ク ラス な ど に アク セス 
する に は テン プレ ー ト プロ ジェ クト の bin/classesjar を プラ グイ ン の プロ ジェ クト に イン ボート し て 
ビル ド バ パス を 通し ます 。 

実習 の リス ト 1 の よう に AlertDialogPlugin ク ラス に スタ ティ ッ ク メ ソ ッ ド と し て showDialog メ 
ソ ッ ド が 定義 され て いま す 。 


010 | public class AlertDialogPlugin { 


public statio void showDialog(E1ina1 Activity activity, | 林 


2 final String msg, final String ob]Name, final String funcName) { 


012 activity.runOnUiThread (new Runnable() { 


特徴 的 な の は Unity の スク リプ ト か ら 現 在 実行 中 の Activity の イン スタ ンス が 渡さ れ 、 そ の 中 で 
runOnUiThread(new Runnable(){[.) 内 部 に ダイ アロ グ を 表示 する 処理 が ある と いう こと で す 。 

Android で ダイ アロ グ の よう な ユー ザー イン ター フェ ー ス を 操作 する 処理 は メイ ンス レッ ド で し か 
実行 で き な い よう に な っ て いま す が 、 Unity の スク リプ ト が 動作 し て いる の は 別 の スレ ッ ド で ある た 
め 、 ユー ザー イン ター フェ ー ス を 操作 する コー ド を 実行 する と エラ ー に な っ て し まい ます 。 

Android の Activity ク ラス に は この よう な 場合 に runOnUiThread メ ソ ッ ド が 用 意 さ れ て お り 、 
RunnableIun メ ソ ッ ド に 実行 し た い 処 理 を 記述 で きる よう に な っ て いま す 。 


NativeEditDialogPlugin ス クリ プ ブ ト に つい て 

実習 の リス ト 2 の NativeEditDialogPlugin cs を 見 て み ま し ょ う 。 同一 スク リブ プ ト で ブ プラッ ト フ ォ 
ー ム ご と に ビル ド さ れる 部 分 を 切り 替え る た め 、iOS の 時 に 定義 し た 部 分 を 導 か ら #endif で 囲っ て い 
ます 。 
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008 | #if UNITY IPHONE 
009 [DllImport(" Tnterna1" ) ] 


010 private static extern void Plugin ShowEditDialog(string objectName, 回 
string functionName, string msg); 


011  #endif 
(… 中 略 …) 

015 | #if UNITY IPHONE 
(… 中 略 …) 

027 | #endif 


Unity の スク リプ ト で は Build Settings で 現在 選択 中 の ビル ド プ ラッ ト フ ォ ー ム の 部 分 だ け を ビル 
ド で きる よう に 切り 替え る こと が で きま す 。 

IOS で 利用 し た DIllmport 属 性 の 部 分 や Objective-C の 関数 を 呼び 出す 処理 な ど は 、 Android で は 
利用 し ませ ん し 、 実行 で きま せん 。 

逆 に Android の ネイ ティ ブ 拡 張 を 呼び 出す 処理 も IOS で は 実行 で きま せん 。 こ の よう な 時 に 同一 の 
スク リプ ト で 、 現 在 の ビル ド プ ラッ ト フ ォ ー ム 向け に ビル ド す る 部 分 と し な い 部 分 を 指定 で きま す 。 
この よう に する こと で 、 NativeEditDialogPlugin ス クリ プ ト を 呼び 出し て いる 側 の スク リプ ト を 変更 
し な く て も 、 複数 の プラ ッ ト フ ォ ー ム 向け の 処理 を 記述 で きま す 。 

書式 は 以下 ひよ うに な っ て いま す 。 条 件 は 表 3 の 通り で す 。 


構文 : ビル ド す る 部 分 と し な い 部 分 を 指定 する マ 表 3 : 条件 
#1 条件 1 条件 
条件 1 成立 時 の 処理 UNITY EDITOR エディ タ で 実行 する 時 

HP 矯 け る UNITY_IPHONE iOS ビ ルド 時 

条件 2 成立 時 の 処理 ee 本 
aT ga UNITY_ANDROID Android ビル ド 時 

それ 以外 の 処理 | UNITY_WEBPLAYER _WebPlayer ビ ルド 時 
#endif 


AndroidJavaClass に つい て 

実習 の リス ト 2 の Unity ス クリ プ ト か ら Java の コー ド を 呼び 出す 部 分 で は 、 AndroidJavaClass クラ 
ス を 使い まし た 。 こ れ は Unity の スク リプ ト か ら 簡 単に Java の コー ド を 利用 で きる よう に な っ て いま 
す 。 以 下 の 部 分 で Android 上 で 実際 に 動作 し て いる UnityPlayer クラ ス を 取得 し て いま す 。 


AndroidJavaClass cUnityPlayer = new AndroidJavaClass ("com.uni | 条 


29 ty3d.player.UnityPlayer") / 


以下 の 部 分 で 現在 UnityPlayer を 実行 中 の Activity の イン スタ ンス を 取得 し て いま す 。 


AndroidJavaObject activity = cUnityPlayer.GetStatic<AndroidJav | 困 | 


cs aOb ec セ t> ("currentActivity"); 


以下 の 部 分 で 作成 し た AlertDilaogPlugin クラ ス を 取得 し て 、 CallStatic 関 数 で ネイ ティ ブ 拡 張 側 の 
showDialog メソッド を 実行 し て いま す 。 


cHAPTER09 ネイ ティ ブ 環 境 と 連携 する 


AndroidJavaClass plugin = new AndroidJavaClass("plugin.alertdia 


Si log.AlertDialogPlugin") ; 
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・ [Project] ビュ ー の 「Plugins/Android] フォ オル ダ に ライ ブラ リプ ロジ ェクト の jar フ ァイル を イン ポー 
ト し て お く と Android 向け ビル ド す る と き に プラ グイ ン と し て 組み 込ん で くれ ます 。 


* |Plugins/Android] フォ ル ダ に AndroidManifest フ ァイル や リソー ス フ ァ イル を イン ボー ト し て お く 
と 、 Android ビ ルド 時 に 上 書き し て くれ ます 。 


s て # ス クリ プ ト か ら Java の コー ド を 呼び 出す に は AndroidJavaClass ク ラス を 使い ます 。 
s#jf か ら #endif で プラ ッ ト フ ォ ー ム ご と に ビル ド す る コー ド を 指定 する こと が で きま す 。 
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用 LESSON39 葉 庫 before 葉 還 衣 「LESSON38」 ブ ロジ ェクト 、 list39-1, 2.txt 


> WebPlayer と ブラ ウザ で 連携 を 行う 


LESSON 38 の 続き か ら は じ め ま す 。 ま た は 「before] フォ ル ダ の 「LESSON38] プロ ジェ クト の 
NativePlugin シー ン を 開い て くだ さい 。 

ビル ド プ ラッ ト フ ォ ー ム を WebPlayer に 変更 し まし ょ う 。 「Plugins] フォ ル ダ に ある NativeEditDialo 
gPlugin ス クリ プ ト を リス ト 1 の よう に 編集 し ます 。 


リス ト 1 : NativeEditDialogPlugin.cs 


014 


015 
016 
017 
018 
019 


020 


021 


022 


023 


024 


025 


026 


027 


028 


029 
030 
031 
032 
033 
034 


public statio void ShowEditDialog(string ob]jectName , string functi | 条 | 
onName, string msg) { 


#if UNITY TPHONE 
// 入力 され た 文字 列 は シー ン の 中 の objectName オ ブ ジ ェクト 宛 に メッ セー ジ が 送ら 
Plugin ShowEditDialog(objectName, functionName, msg); 
#elif UNITY ANDROID 
// Android 上 の UnityPlayer ク ラス の オブ ジェ クト を 取得 


AndroidJavaClass cUnityPlayer = new AndroidJavaClass ("com.unit 直 | 
y3d.player.UnityPlayer") ; 


// 現在 実行 中 の Activity の オブ ジェ クト を 取得 


AndroidJavaObject activity = cUnityPlayer.GetStatic<AndroidJava | 
Object> ("currentActivity"); 


// 作成 し た プラ グイ ン の AlertDialogPlugin ク ラス を 取得 する 


AndroidJavaClass plugin = new AndroidJavaClass("plugin.alertdia | 
log.AlertDialogPlugin") ; 

// showDialog メ ソ ッ ド を 実行 する 

plugin.CallStatic ("showDialog", activity, msg, objectName, func | 条 
tionName) ; 
#elif UNITY WEBPLAYER 


Application.ExternalCall ("ShowPrompt", msg, objectName, functio 
nName) ; 


#else 
Debug.Log("no plugin'") 
#endif 
} 


cHAPTER09 ネイ ティ ブ 環 境 と 連携 する 


WebPlayer と し て ビル ド す る 

WebPlayer と し て ビル ド し ます 。 名 前 は 「NativeDialogWeb.html] と し ます 。 

ビル ド さ れ た NativeDialogWeb.html を テキ スト エディ タ で 編集 し ます ( 図 1①②③)。 こ こ で は 
Unity に 付属 の Unitron.app で 編集 し ます 。 
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国 NativeDialogWeb 


0 ] @ Coogle Chrome.app( デ フォルト) 


邦 Coda 2.app 
叶 CotEditor.app 
展 Dashcode.app (3.0.2) 


胃 GTO 1.a je 
| 回 HE II NN II TitaniumStudio.app 
= Unitron.app 
a 人 各 mr 罰 き rr 凡 り r 庫 Nr 庫 ! i 


添付 ファ イル 付き の 新規 メー ル を 作成 | code.app (4.3.2 
ClamXav で スキ ャ ン 議 Xcode.app (4.2.1) ©Q 選択 
| 用 テキ スト エディ ッ ト .app こる 


App Store... 
その 他 .… 


今 図 1 : ビル ド さ れ た ファ イル を 開く 


コー ド を 追加 する 
NativeDialogWeb.html を 開き 、 JavaScript で 記述 され て いる lvar u = new UnityObject2(conf 
ig)| に 続い て リス ト 2 の よう に 編集 し ます 。 


マリ スト 2 : NativeDialogWeb.html 


023 var u = new UnityObject2(config) ; 

024 function ShowPrompt(msg, objName, funcName) { 

025 var result = window.prompt ("Enter text", msg) ; 
026 ュ if (result == null) 

027 result = msg; 

028 var unity = u.getUnity(); 

029 unity. SendMessage (objName, funcName, result); 
030 } 

031 

032 ]Query (function() { 
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Unity Web Player I NativeDialogWeb 


hello Unity! BD タ ツ ププ 


Web ブラ ウザ で 動作 を 確認 する 

Web ブラ ウザ で NativeDialog.html を 開き WebPlayer で 確認 し ます 。 

[Native Dialog Open] ボタ ン を クリ ッ ク す る と ( 図 2①)、 Web ブラ ウザ の プロ ンプ ト が 表示 され ま 
す 。 テ キス ト を 編集 し し て ②、[OK] ボタ ン を クリ ッ ク す る と ③、 入力 し た 文字 が Unity 側 で 変更 され 
て いる こと が わか り ま す ④。 


Unity Web Player | NativeDialogWeb Unity Web Piayer | NativeDialogWeb 


ペー ジ file:/ /localhost/ の 記述 : 


Enter text 


nwsween | 
| キャ ッ セ ル | 


全 図 2 : 動作 の 確認 


EE 影 天 WWeb ブ ラウ ザ の JavaScript と WebPlayer の 連携 に つい て 


WebPlayer で 実行 され る Unity の コン テン ツ と JavaScript は 互い に 連携 で を ます 。 こ れ は Unity 
で は ネイ ティ ブ 拡 張 の 機能 で は あり ませ ん の で Free 版 で も 実行 で きま す 。 
Web ブ ラウ ザ 上 の JavaScript と 連携 する こと で 、 WebPlayer と し て 公開 する 時 に 表現 の 幅 が 広 が 
り ま す 。 


Unity か ら Web ブラ ウザ の JavaScript の 関数 の 実行 に つい て 
実習 の リス ト 1 の NativeEditDialogPlugin ス クリ プ ト に つい て 見 て み ま し ょ よう 。 


027 | #elif UNITY WEBPLAYER 


028 App1ioati on .Externa1Ca11 ("ShowPrompt" , msg, ob]JectName, | 
Funct1onName) ; 


029 | #e1se 
030 Debug.Log("no plugin") 
031 | #endif 


#elif UNITY_WEBPLAYER で WebPlayer で ビル ド し た 時 の 処理 が 記述 され て いま す 。 ま た #else で 
iOS、Android、WebPlayer の いずれ に も 該当 し な か っ た 場合 に デバ ッ グ メッ セー ジ を 出力 し て いま す 。 
Unity か ら Web ブラ ウザ の 関数 を 実行 する に は Application.ExternalCall 関 数 を 使い ます 。 
マ 構 文 : Application.ExternalCall 関 数 
Application.ExternalCall (Javascript の 関数 名 , 引数 1, 引数 2...) 


また 、 Application.ExternalEval 関 数 を 使う と Web ブラ ウザ で 実行 する JavaScript を 直接 渡す こと 


cHAPTER09 ネイティブ 環境 と 連携 する 


も で きま す 。 


マ Application.ExternalEval 関 数 の 例 


App1ioation .Externa1Eva1("1f ( confirm('go to unity3d.com?') ) { | 
document.location = 'http://unity3d.com' }"); 


60 d ヨ 1dVHO う 


Web ブラ ウザ の JavaScript か ら Unity へ メッ セー ジ を 送る 

今度 は Web ブ ラウ ザ か ら Unity へ 文字 列 を 送り ます 。 実習 の リス ト 2 で NativeDialogWeb.html 
に 追加 し た コー ド を 見 て み ま し ょ う 。 getUnity 関数 で 取得 し た unity オ ブ ジ ェクト に 対し て UnitySen 
dMessage 関 数 を 実行 し て いま す 。 


024 function ShowPrompt (msg, ob]Name, FuncName) { 

025 var result = window.prompt("Enter text", msg); 
026 if (result == null) 

027 result = msg; 

028 var unity = u.getUnity(); 

029 unity.SendMessage (objName, funcName, result); 
030 } 


* Application.ExternalCall 関 数 で WebPlayer か ら Web ブラ ウザ の JavaScript の 関数 を 実行 で きま す 。 


x Web ブ ラウ ザ の unity オ ブ ジ ェクト の SendMessage 関 数 で Web ブ ラウ ザ か ら WebPlayer ヘ メッ セー 
ジ を 送る こと が で きま す 。 
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パー ティ クル で 作成 マッ プ を 利用 し て 焼き 付け れ ば 


ほし ます 。 


1 - ei ーー = 
0 (リプ エ (/ ) 川 ケー 
マデ プ ~ アス グ 
Em es an: ど POP se へ に を こ 53 ーー 
3 - 7 た x に アバ ーー = Y= = 
mf リ hs | 上 な | に ゴコロ リア 四 < :InV 『 ra ーー M / 、 a p= /, 『 く 
* ・ > ディ = ーーJ トー すす -ー- ガラン 8 uv ブ に | 4 1 


LESSON 31 の 続き か ら 始 め ま す 。 ま た は 「APPENDIX」 ー 「before] フォ ル ダ の ILESSON31」 プ 
ロジ ェクト の Platformer シ ー ン を 開い て くだ さい 。 


[Hierarchy] ビュ ー に ある [Create] メニ ュー か ら [Particle System] を 選択 し て ( 図 1①)、 パ ー テ 
ィ ク ル を 作成 し 、 名 前 を 「TorchFire] に し ます ⑫。 

[Inspector] ビュ ー で Particle System の [Open Editor] ボタ ン を クリ ッ ク し て 表 1 の よう に 編集 
し ます ③⑧。 パ バー ティ クル で 遂 の エフ ェクト が 作成 され ます ⑲。 


本 Hierarchy | ¥ Particle Effect 


Create *| or All 


Particle Systerm 
Camera 
CGUI Text 


= Hierarchy 
Grr All 


い 
* 


Directinnal lig を # 変更 


Start Lifetime 0.8 
③ Start Speed 1 


Start Size 0.5 
R=240、 G=210、 B=0、 
④⑭ Start Color A ニ 128 
Emission 
® Rate 10 
BS Length 
® Shape Cone ce: 
Angle 10 Random Directlan 
Radius 0.05 Velocity ov 
Color over Lifetime @: 
[Gradient Editor] ダイ 
⑦ アロ グ の 右 下 の ノブ を 選 
2 択 し て Color を R=255、 
G=0、 B=0 に する 
Size over Lifetime 
Ci ー 番 右 の カー ブ を 選択 す 
Size る 


図 1 : 炎 の 作成 


§ Insnector 中 DO Color. a 


ww BM Pointlight a マ 
Tag Untagged を | E a ーー Default 


[Hierarchy] ビュ ー に ある [Create] 
メニ ュー か ら [Point light] を 選択 し 
て 、 ポ イン トラ イト を 作成 し ます 。 
[Inspector] ビュ ー で Light の Range 
を 5 に ( 図 2①)、 Color を 「R=255、 
G=0, B=0、 A=255] に ②、 Intensity 
を 2 に し ます ぐ ③。 


T Colors 


a 
LCookie NaasrTsxmre 0 


今 図 2 : ポイ ント ライ ト の 作成 


EP EE = Nk 


Profecd | ビュ ー の 「Platforms] っ 「Models」 に ある 「Torch] を [Hierarchy] ビュ ー に ドラ ッ グ 
& ドロ ッ プ し ます ( 図 3①)。 

次 に TorchFire と Point light を Torch の 子 オ ブ ジ ェクト に し ます (⑫。 

[Inspector| ビュ ー で TorchFire の Transform の Position を 「0, -0.3, 0.2] に 、Point light の 
Transform の Position を 「0, -0.5, 0.5] に し ます 。 


= Hierarchy 


Directinnal light 
GameCnontraller 


図 3 : 松明 モデ ル の 子 オ ブ ジ ェクト 化 


[Hierarchy] ビュ ー の Torch を [Command] + [D] キー を 押し て 、 5 つづ つ 複製 し ます 。 6 つの Torch が 
て きた ら 、 「ransform を 表 2 の よう に 設定 し ます 。 


2 : 1 は 
a ク Transform Rotation 
Torch 4, 2, -7.5 -90, 0, 0 


Torch =3.5, 2, =7.5 -90, 0, 0 


Torch A 2 ニク -90, 90, 0 
Torch ん 97 2 -90, 90, 0 
Torch =3、5, 2, 7.5 -90, 180, 0 
Torch 4,2,7.5 -90, 180, 0 


> 図 4 : 松明 の ステ ー ジ へ の 配置 


の 、 
/ 。 パ 
電場 の 3 に 松明 が 見 える か [Play] ボタ ン を クリ ッ ク し て み ま し ょ う 。 
_ 松明 の 先 に パー ティ クル で 作成 し た 火 の エ フェ クト が 確認 で きま す 。 し か し ライ ト が も 配置 し て い 
る の に 壁 が 明る く 照 ら さ れ て いる と ころ と 、 そ う で な いと ころ が あり ます ( 図 5)。 こ の 点 を 次 の 節 


で 解決 し ます 。 


壁 や 床 が ライ ティ 
ング され て いな い 


図 5 : エフ ェクト の 確認 


01 の 続き か ら 開 始 し ます 。 [Project] ビュ ー で 「Platforms] っ 
[Models] か ら Floor を 選択 し て 、[Inspector] ビュ ー で [Model 
タブ を クリ ッ ク し て ( 図 1①)、「Generate Lightmap UVs」 を ON Mr Ean PT 


Read/Write Enabled 


に し ②、 [Apply] ボタ ン を クリ ッ ク し ます ③。 Qptimize Mesh 


Generate Colliders 


同様 の 手順 で Piller、 PlatformL、 PlatformM、 PlatformS、 Platform 
Step、 Slope、 Wall も それ ぞ れ 変更 し ます 。 


Snlit Tangents 

Materials 

Impnrt Materials MyM 

Material Naming 
Marerial Search 


For each imported material, Unity first looks for an 
existing material named [EaseTexitureName 

Unity wll do a recursive-up search for it in a Materials 
folders up to the As 

If ae Exist, a 

harerials folder. 


LReyerlLAppv 


図 1 : 壁 や 床 の モ デル デー タ の 
イン ポー ト の 設定 の 変更 


[Hierarchy] ビュ ー の Stage の 中 の Floor、 Pillers、 Platforms、 Walls を [Command] キー を クリ ッ 
ク し な が ら 複 数 の オブ ジェ クト を 選択 し ます ( 図 2)。 


= Hierarchy € Gar < 
Create・|『 き = Cd tT pp ニニ ヘ Qc<KS ヽ SG ム ょ cs8s8 ジ つつ 〕 
Directional light | 
GameController 
Input 
Main Camera 
SoundController 
SpawnPoint 


ーー TrapMoving 
bp TrapRotating 


TrapsStatic 


図 2 : オブ ジェ クト の 選択 


『 メニ ュー か ら [Windowl ( 図 3①) = [Lightmapping] を 選択 し て ②、ILightmapping] ビ ピュー を 
開き ます 。 右 下 の ひ の ド ロッ プ ダ ウン リス ト か ら [Bake Selected] を 選択 し ます ③。 処理 が 終わ る まで 
少し 時 間 が か か り ま すぐ ④。 


Cc RE LR の | r = 
Window Help 9 Lightmapping ピー on ess sors | 

3 Mlmze wu fee ob kam ーー 
| Zopm 
| EE Scene Filter: 
| ring 0 Fron | ] 
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Scene 。 Flaggr (Mesh Renderer) 
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Inspector Scale In Lightmap h | 

Hierarchy PK 


Project 
Animation 
Profiler 
Asset Store 


PASS で 【 し oC TVEe 
Animator 


Console 


|_Bakeselected |・ 


図 3 : ライ トマ ッ プ の 作成 


き 
衣 了 ライ トマ ッ プ の 作成 が 終わ っ た ら [Play] ボタ ン を クリ ッ ク し て 画面 を 確認 し まし ょ う ( 図 4)。 今度 


は すべ て の ライ ト が し っ か り と 機能 し て 松明 の 周り を 明る く 搬 画 し て いる こと が わか り ま す 。 


壁 や 床 も し っ か り と 


ライ ティ ング され て 
いる 


図 4 : エフ ェクト の 確認 


英 数 字 & み アル ファ ベッ ト 


Android 

AngryBots 

Animator Controller … 234, 244, 254 
App Store 

Asset Store 

Avatar 

Box Collider 

Blend Tree 


Collider 

Context Menu 
Dynamic Batching 
GameController 
Global 座標 
Google Play 


GUILayout 
GUIStyle 
GUlText 
GUITexture 


lsometric Mode 
Layer drop-down 


Mapping 

Mecanim 

Mesh Collider 
MonoBehaviour クラ ス 
MonoDevelop 
Muscles 

Nav Meshes 


Parameters 
Perspective mode 
PlayerSettings 
Plugins/iOS 
Rigidbody 


Sphere Collider 
SDrind Joint 


Terrain Assets 

Toolbar 

Transform Gizmo Toggles 
Transform Tools 
Transition 


Wrap Mode 


アク セス 修飾 子 

当たり 判定 

アナ ログ コン トロ ー ラ ー ……(……… 268 
アニ メー ショ ン 232, 328 
アー メー ショ ン イ ベッツ ト 

オク ルー ジョ ンカ リン グ 


AddForce ~ 
Application.LoadLevel 一 … 130 
lsGround ムー ヨー 120 
OnCollision 系 て 上 "oro oo 118 
OnGU|I ムー トド ドッ ドッ ドド ここ ここ ここ ここ 129 
オー ルー ライ ドン 


コン ポー ネン ト 
Animation 
Lens Flear 
Line Renderer 
Mesh Filter 
Particle System 
Projector 
Trail Renderer 
WheelCollider 


163, 276 
157, 161 


[Paint Details] て ee 208 
[Paint Height] ~ nnn 200 
024, 025 
011, 205 


ハイ トマ ッ プ 

バー ティ グル ジス テム 

ビュ ー 
[Game] ~ Oe 024, 025, 026 
[Hierarchy] ~ … 024,025, 027 
[Inspector] ~ 024, 028 
[Projectl て … の の 024, 025, 027 
[Scene] ~ ……… 024, 025, 026 


マテ リア ル 
メッ シュ デー タ 


プロ フィ ー ル 夏木 雅規 (な つき ・ ま さき ) / 著 
兵庫 県 出身 。 シ ステ ム 制 作 会 社 に 勤務 し 、 Web シ ステ ム や スマ ー ト フォ ン ア プリ 開発 に 携わる 。 
2012 年 に 独立 し 、 ス マー ト フ ォ ン アプ リ や ソー シャ ル ゲ ー ム を 開発 し て いる 。 また 3D モ デリ ング に 
関す る 知識 も 豊富 で ある 。 最近 は 関西 を 中 心 に Unity や Android アプ リ に 関す る 勉強 会 で 発表 を 行 
うな ど 多 忙 な 日 々 を 送っ て いる 。 


寺 園 聖 文 (て ら ぞ の ・ ま さか み ) / 閉 

大 阪 府 出身 。 川内 職業 訓練 短期 大 学卒 業 後 、 シ ステ ム 系 会 社 や ゲー ム 会 社 、 印刷 会 社 を 経て 、 2000 
年 に 独立 。 2010 年 に Android を 基幹 業務 と する 株 式 会 社 Re:Kayo-System を 起業 し 、 現在 代表 を つ 
と め る 。 関西 を 中 心 に Android に 関す る イベ ント や 、 講義 と いっ た 活動 を 多く こなし て いる 。 


装丁 ・ 本 文 デザ イン 宮下 裕一 

編集 株 式 会 社 半 泳 社 

DTP 有限 会 社風 工 合 

サン プル キャ ラク ター デザ イン (CHAPTER 07、08) FR/LAME MONGER 上 田 バ ロン 
サン プル キャ ラク ター モデ リン グ (CHAPTER 07) ISAO 


音楽 素材 提供 音楽 素材 魔王 魂 http://maoudamashiijokersounds.com/ 


Unity で 作る スマ ー ト フォ ン 3D ゲー ム 開 発 講座 Unity4 対 応 


2013 年 2 月 14 日 初版 第 1 刷 発 行 
2013 年 7 月 15 日 初版 第 2 刷 発行 


閉 者 夏木 雅規 (な つき ・ ま さき )、 寺 園 聖 文 (て て ら ぞ の ・ ま さ ふ ふみ) 
発行 人 佐々 木 幹 夫 

発行 所 株 式 会 社 翔 泳社 (http://www.shoeisha.coJp) 

印刷 ・ 製 本 株 式 会 社 廣 済 堂 


©2013 Masaki Natsuki , Masafumi Terazono 


* 本 書 は 著作 権 法 上 の 保護 を 受け て いま す 。 本 書 の 一 部 また は 全部 に つい て (ソフ トウ ェ ア お よび プロ グラ ム を 含む )、 
株 式 会 社 翔 泳社 か ら 文 書 に よる 許諾 を 得 ず に 、 いか な る 方 法 に お いて も 無断 で 複写 、 複製 する こと は 禁じ られ て いま す 。 


* 本 書 へ の お 問い 合わ せ に つい て は 、 2 ペー ジ に 記載 の 内 容 を お 読み くだ さい 。 
* 落 本 ・ 乱 は お 取り 替え いた し ます 。 03-5362-3705 ま で ご 連絡 くだ さい 。 


ISBN978-4-7981-2619-7 Printed in Japan 


※ 印 刷 出 版 と は 異な る 表記 ・ 表 現 の 場合 が あり ます 。 予 め ご 了承 くだ さい 。 
※ 印 刷 出版 再現 の た め 電 子 書籍 と し て は 不要 な 情報 を 含ん で いる 場合 が あり ます 。 
※ 本 電子 書籍 は 同名 出版 物 を 底本 と し て 作成 し まし た 。 記 載 内 容 は 印刷 出版 当時 の も の で す 。 


